https://qiita.com/k-penguin-sato/items/e3cc04f787cf3254cfae
このページを参考にRailsアプリにReactを導入しました。
index.html.erbに<%= react_component('HelloMessage', name: 'World') %>
と入力してページを確認してみるとリーロードボタンを押してページを再読込した場合はHello Worldと表示されるのですが他のページからページ移動してきたときには文字が何も表示されません。
検証ツールでConsoleを見てみても特に今回の件にするエラーは表示されていませんでした。
個人的にデフォルトで導入されているTurbolinksの影響でajaxでページ移動していることが原因で表示されないのかなと考えているのですが何が原因なのでしょうか。
またTurbolinksが原因で表示されない場合はどのように改善することで表示できるのでしょうか。
詳しい方教えていただけると幸いです。
###Hello.jsx
jsx
1var HelloMessage = React.createClass({ 2 render: function() { 3 return ( 4 <h1>Hello {this.props.name}!</h1> 5 ) 6 } 7});
###ndex.html.erb
erb
1<%= react_component('HelloMessage', name: 'World') %>
あなたの回答
tips
プレビュー