Question

新手在这里，我最近在react-rails项目中实现了webpacker gem。作为webpack的新手并做出反应，这款宝石对于我来自铁轨背景非常有意义。

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

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

如果没有，是否有原因？

感谢任何输入！：）

Answer 1

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

并安装纱线 - 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

中定义

Answer 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 不应该包含这样的内容吗？：

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