react-rails という gem を使用して、Ruby on Rails 上で React.js を動かしています。
環境: rails 5.1.6 + react 16.3.2 + webpacker + yarn
聞きたいこと
たとえば、以下のような React のコンポーネントがあるとします。
※細かい設定の部分などは省略しています
JavaScript
1// Post.js 2import React from 'react' 3 4const Post = props => ( 5 <div>{props.title}</div> 6) 7 8export default Post
そして、Rails の View で react_component
という react-rails の
ヘルパーメソッドを使用してコンポーネントを表示します。
このときオプション引数に prerender: true
を指定してサーバーサイドレンダリングをしています。
<!-- posts.html.erb --> <%= react_component("Post", { title: "ようこそ" }, prerender: true) %>
出力されたページの HTML を確認してみると以下のようになっています。
HTML
1<div data-react-class="Post" data-react-props="{"title":"ようこそ"}" data-hydrate="t"> 2 <div data-reactroot="">ようこそ</div> 3</div>
上のように div の属性に View で渡したデータが data-react-props
に表示されるのですが、
この部分は必要ないので、できれば削除したいです。
何か方法があればご教示ください。
あなたの回答
tips
プレビュー