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

【问题标题】：how do you use react-rails react_component with webpacker gem rails 5.1?你如何在 webpacker gem rails 5.1 中使用 react-rails react_component？
【发布时间】：2017-07-24 02:43:22
【问题描述】：

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

我想知道是否可以在我的 rails webpacker 项目中使用 react-rails gem，这样我们仍然可以像这样使用视图辅助方法：

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

如果不是，有什么原因吗？

感谢您的任何意见！ :)

【问题讨论】：

你可以看看这个：github.com/perezperret/react-rails-expenses 在阅读 webpacker 的 github 问题时遇到了它。
dooooooood 非常好！我正在查看您的设置，我完全同意您在安装方面的思考过程。 :)
没有做那个回购，但我也同意它背后的思考过程。干杯！
哦，太好了！感谢并做得很好，在到期时给予适当的信用:)

标签： ruby-on-rails reactjs webpack react-rails

【解决方案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

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

就是这样。现在你可以使用

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

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

【讨论】：

【解决方案2】：

您可以为此使用其他宝石

--> #react_on_rails (5.2.0)

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

helper 不应该是这样的吗？：

见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

听到的是 gem react_on_rails 和 gem react-rails 的例子

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

【讨论】：