React，Ruby on Rails：jsx 与 html.erb答案

【问题标题】：React, Ruby on Rails: jsx vs html.erbReact，Ruby on Rails：jsx 与 html.erb
【发布时间】：2015-10-05 09:17:56
【问题描述】：

我正在使用 react-rails gem 将 react 与 rails 集成，我对如何组织我的代码感到矛盾。

我的核心 html 最好放在 html.erb 文件还是 jsx 文件中？目前，我基本上把所有东西都做成了组件。我在html.erb 文件中所做的只是使用react_component 帮助程序来调用这些组件。例如，我的个人资料页面有一个ProfileShow.js.jsx 文件，我的编辑帖子页面有一个EditPost.js.jsx。

你有什么建议？

【问题讨论】：

看看这个链接airpair.com/reactjs/posts/reactjs-a-guide-for-rails-developers介绍可以帮助你:)

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

【解决方案1】：

我更喜欢将我的 react-component 的代码移动到 js 文件中。并使用react_component 辅助方法链接它们。在视图中编写 js 代码不是一个好习惯。

【讨论】：

我想你误解了我的问题。我在问我应该把大部分核心html放在哪里。即使它们只使用一次，我应该将它们呈现为组件，还是应该将它们写在 html.erb 中？
我通常将它们渲染为组件。而且所有视图看起来都非常单薄。
瘦是指简洁吗？
没错，对不起，我的英语：)
别担心！这不是一个错误的表达。我只是确保我明白你的意思。

【解决方案2】：

有多种方法可以做到这一点。到目前为止，我看到的最好的解决方案之一是在 app/assets/javascripts/components 文件夹中编写你的 react jsx 组件。

设置一个像 https://github.com/shakacode/react_on_rails 这样的 react gem 这将有助于将数据作为道具传递给视图层，因为这些可以在反应外部访问。

我希望这会有所帮助。

干杯。

【讨论】：