当我在 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
我使用 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>
对不起。你说的是对的。
我在 turbolinks 上面的 Head 标签中写了 <%= javascript_pack_tag 'application' %>
application.html.erb。
谢谢。
我使用 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>
对不起。你说的是对的。
我在 turbolinks 上面的 Head 标签中写了 <%= javascript_pack_tag 'application' %>
application.html.erb。
谢谢。