2017-03-03 18 views
3

初心者ここでは、私は最近、私の反応レールプロジェクトでウェブパッカーの宝石を実装しました。この宝石は、新しいものを手に入れて反応させることができ、レールの背景から来ていることに多くの意味があります。どのようにreact-rails react_componentをwebpacker gem rails 5.1で使用しますか?

それは、我々はまだこのようなビューヘルパーメソッドを使用することができるようにwebpackerプロジェクト私のレールに反応し、レールの宝石を使用することが可能だった場合、私は思ったんだけど:

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

ない場合は、理由がありますどうして?

ありがとうございました! :)

+3

で定義されます使用することができます: 'webpackerに読みながらhttps://github.com/perezperret/react-rails-expensesそれに走りました'githubの問題。 – oobgam

+0

非常に良いdooooooood!私はあなたの設定を通して見ています、私は完全にあなたの思考プロセスに同意します。 :) – user1337902

+0

はそのレポを作っていませんでしたが、私はそれの背後にある思考プロセスにも同意します。乾杯! – oobgam

答えて

0

まずあなたがリンパ節転移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 

を実行します。

さて最後に、あなたがrails serverと一緒に、別の端末で./bin/webpack-dev-serverを実行する必要がありますapp/views/layouts/application.html.erb

のように、適切なレイアウトファイルに<%= javascript_pack_tag 'application' %>を追加します。

これだけです。今、あなたはここで

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

MyComponentは、あなたがこれをチェックアウトすることができapp/javascript/components/MyComponent.js

関連する問題