如何在webpacker gem rails 5.1中使用react-rails react_component？

Question

这里是新手，我最近在我的react-rails项目中实现了webpacker gem。对于来自rails背景的webpack和react来说，这个宝石对我来说很有意义。

我想知道是否有可能在我的rails webpacker项目中使用react-rails gem，这样我们仍然可以像这样使用view helper方法：

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

如果没有，有什么原因吗？

感谢您的意见！:)

Answer 1

首先需要安装node- I used nvm，

并安装yarn- link。

然后，将这些行添加到您的Gemfile中

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

然后运行

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

这将在app/javascript (而不是app/assests/javascripts)和配置文件中创建必要的文件。

现在，将<%= javascript_pack_tag 'application' %>添加到适当的布局文件，如app/views/layouts/application.html.erb

最后，您需要与rails server一起在单独的终端中运行./bin/webpack-dev-server。

就这样。现在您可以使用

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

在这里，将在app/javascript/components/MyComponent.js中定义MyComponent

Answer 2

您可以使用另一个gem来实现此目的。

--> #react_on_rails (5.2.0)

$ bundle显示react_on_rails

--> #- /Users/mark/.rvm/gems/ruby-2.1.2/gems/react_on_rails-5.2.0

帮助器不应该包含在下面这样的内容中吗？：

请参阅http://pothibo.com/2013/06/customize-rails-view-controller-with-railtie/和https://github.com/reactjs/react-rails/blob/master/lib/react/rails/railtie.rb#L42-L44

Hear是gem react_on_rails和gem react-rails的示例

https://learnetto.com/blog/rails-data-react-component-webpacker