带有 webpack 的 Rails 5.1 中未显示基本 React 元素答案

【问题标题】：Basic React element doesn't show in Rails 5.1 with webpack带有 webpack 的 Rails 5.1 中未显示基本 React 元素
【发布时间】：2018-07-01 17:17:54
【问题描述】：

我有一个 rails 5.1 应用程序，通过 webpack 和 webpacker gem 安装了 React。在遵循“使用 Rails 5.1 进行敏捷 Web 开发”中的示例之后，我有一个反应组件正在工作（它只是根据用户在选择下拉菜单中的选择显示不同数量的文本输入）。然而，我现在希望在站点中扩展我对 React 的使用，但现在我正在努力展示最基本的组件，并且担心我错过了关于它们如何组合在一起的基本知识。

app/javascript/hello.jsx

import React from 'react'
import ReactDOM from 'react-dom'

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

app/pages/about.html.erb

//...
<div id="root"></div>
//...

我让它显示的唯一方法是将<%= javascript_pack_tag 'hello' %> 放在about.html.erb 的某个位置。对吗？我创建的每个组件都会有一个 pack_tag 吗？

【问题讨论】：

标签： ruby-on-rails reactjs webpack

【解决方案1】：

尝试添加： <%= javascript_pack_tag 'hello' %>

到您的application.html.erb 文件。它会将包包含到所有页面，但组件是否呈现将取决于它是否找到您告诉它呈现自身的元素。

【讨论】：

是的，这确实有效。这是否意味着您可以在application.html.erb 中拥有数十个（甚至数百个）。这对性能有何影响？
“这不是意味着你可以在 application.html.erb 中有数十个（甚至数百个）” - 十个或数百个什么？