你如何使用react-rails react_component和webpacker gem rails 5.1？

這裏是新手，我最近在我的react-rails項目中實現了webpacker gem。作爲webpack的新手和反應，這個寶石對我來自rails背景非常有意義。你如何使用react-rails react_component和webpacker gem rails 5.1？

我想知道如果有可能用在我的軌反應護欄寶石webpacker的項目，所以我們仍然可以使用視圖助手方法是這樣的：

<%= react_component('MyComponent', @controller_value.to_json)%>

如果沒有，是否有一個理由爲什麼？

感謝您的任何意見！ :)

定義，你可以看看這個：https://github.com/perezperret/react-rails-expenses跑進它，而讀成'webpacker github的問題。 – oobgam

dooooooood很好！我正在看看你的設置，我完全同意你的安裝思考過程。 :) – user1337902

沒有做回購，但我也同意其背後的思考過程。乾杯! – oobgam

首先，你需要安裝節點 - I used nvm，

並安裝yarn- link。

然後，將這些行添加到您的Gemfile：

gem 'webpacker', '~> 2.0' 
gem 'react-rails'

然後app/javascript（未app/assests/javascripts）和配置文件運行

bundle install 
rails webpacker:install 
rails webpacker:install:react 
rails generate react:install

這將創建必要的文件。

現在添加<%= javascript_pack_tag 'application' %>到相應的佈局文件，像app/views/layouts/application.html.erb

最後，你需要在一個單獨的終端運行./bin/webpack-dev-server，與rails server一起。

就是這樣。現在你可以使用

<%= react_component('MyComponent', @controller_value) %>

這裏MyComponent將在app/javascript/components/MyComponent.js

2017-06-12 11:22:24 vedant1811

回答