当我在 Rails5 中使用 React_component、Gem 提供的 View_Helper 调用 react-rails 时，div 的内容变空而无需重新加载

Question

我使用 Rails 5 使用名为 React-Rails 的 Gem 进行反应。然而，虽然react的组件是使用名为react_component的ViewHelper加载的，但是在页面过渡时div的内容将是空的。但是，重新加载将创建 div.

的内容

我会在代码中说明

index.html.erb

<%= react_component('Hoge') %>

Hoge.js

import React from "react"

class Hoge extends React.Component {
  render () {
    return (
      <React.Fragment>
        <div className="row">hello</div>
      </React.Fragment>
    );
  }
}
export default Hoge

页面跳转时HTML的内容如下

<div data-react-class="Hoge" data-react-props="{}"></div>

浏览器和 Rails 控制台中没有错误日志。

重新加载此页面时

<div data-react-class="Hoge" data-react-props="{}">
<div class="row">hello</div>
</div>

Answer 1

对不起。你说的是对的。我在 turbolinks 上面的 Head 标签中写了 <%= javascript_pack_tag 'application' %> application.html.erb。谢谢。

当我在 Rails5 中使用 React_component、Gem 提供的 View_Helper 调用 react-rails 时，div 的内容变空而无需重新加载

When I use React_component, View_Helper provided by Gem called react-rails in Rails5, the contents of div become empty without reloading

ruby-on-rails

react-rails