当我使用Gem提供的React_component，View_Helper在Rails5中称为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

我使用称为React-Rails的Gem与Rails 5进行交互。
但是，尽管react的组件是使用ViewHelper加载的，称为react_component，但是在页面转换时div的内容将为空。
但是，重新加载将创建div的内容。

我将在代码中进行解释。

index.html.erb

1	<%= react_component('Hoge') %>

Hoge.js

1
2
3
4
5
6
7
8
9
10
11
12

import React from"react"

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

转换页面时HTML的内容如下。

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

重新加载此页面时

hello