React，Ruby on Rails：jsx vs html.erb

Question

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

是将核心html置于html.erb文件中还是jsx文件中更好呢? 目前，我基本上将所有内容都设置为组件。在我的html.erb文件中，我所做的就是使用react_component helper调用这些组件。例如，我会为我的个人资料页面创建一个ProfileShow.js.jsx文件，以及一个EditPost.js.jsx文件用于编辑帖子页面。

你有什么建议吗？

- Novice

---

看一下这个链接 https://www.airpair.com/reactjs/posts/reactjs-a-guide-for-rails-developers 里面的介绍可能会对你有帮助 :) - Pavan

Answer 1

我更喜欢将我的React组件代码移动到js文件中，并使用react_component辅助方法进行链接。在视图中编写JS代码不是一个好的实践。

- Sergei Stralenia

---

我觉得你误解了我的问题。我想问的是，我应该把大部分核心HTML放在哪里？即使它们只使用一次，我是否应该将它们呈现为组件，还是应该在html.erb中编写它们？ - Novice

我通常将它们渲染为组件。所有视图看起来都非常简洁。 - Sergei Stralenia

你的意思是“简洁”吗？ - Novice

没错，抱歉我的英语不好 :) - Sergei Stralenia

没关系！那不是错误的表达。我只是想确保我理解你的意思。 - Novice

Answer 2

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

设置一个 react gem，例如 https://github.com/shakacode/react_on_rails，它将有助于将数据作为 props 传递到视图层，因为这些数据在 react 外部是可访问的。

希望这能帮到您。

干杯。

- Benard O.