在 React 中使用 Ruby .erb 文件？答案

【问题标题】：Use Ruby .erb files in React?在 React 中使用 Ruby .erb 文件？
【发布时间】：2016-05-12 20:30:23
【问题描述】：

我们的网站目前使用 Ruby 和 .erb 文件，我们即将开始使用 React 的新项目。有没有办法使用或将 .erb 文件转换为可使用 React 的格式？

【问题讨论】：

【解决方案1】：

如果我回答的太详细，我提前道歉。从你的问题很难看出你有多少详细的知识。

ERB 文件在标签中嵌入了 ruby 代码，如下所示：

<% ... some ruby statement %> 或 <%= ... some ruby expression %>

ERB 处理器将用它生成的任何内容替换任何嵌入的 ruby 代码。因此，例如，您可能会这样说：

<ul>
  <% ["animal", "vegetable", "mineral"].each do |n| %>
    <li><%= n %></li>
  <% end %>
</ul>

结果输出文件将包含

<ul>
  <li>animal</li>
  <li>vegetable</li>
  <li>mineral</li>
</ul>

回答您的问题：React 正在解决一个不同的问题，它是一种编写在 UI 上运行的任何 javascript 代码的方式，该方式易于理解且高度可维护。

您可以随心所欲地使用 ERB 文件和 React。

例如，您应该能够将 React 添加到您的系统中，然后创建几个交互式 UI 组件，而无需对您的系统进行其他更改。

综上所述，我想建议假设这是一个 Rails 应用程序，并且您现在正在迁移到 React，您应该查看http://reactrb.org，它可以让您继续在 Ruby 中编写您的 React 组件。

有一个很好的教程，介绍如何将工作的 Rails 应用程序逐步转换为使用 react.rb 组件：https://github.com/loicboutet/reactrb_tutorial

除了能够在您的网站上使用 1 种语言 (ruby) 之外，react.rb 还具有使用现有 rails 工具链的巨大优势 (恕我直言)，尤其是 WRT 进行测试。

【讨论】：