前提・実現したいこと
Rails5とReact.jsを併用してコメント機能を実装しようと考えています。
Railsにてviewを呼び出し、その呼び出したviewの中にReactのコンポーネントを入れています。
しかし現状として、DOMを一回ロードし、その後に指定したDOMを追加しなければ表示できません。
まぁRailsでviewを書き出している以上、当たり前なのかもしれませんが、この手間を省きたいです。
つまり、以下のように書けるようにしたいです。
現状
app/views/index.html.erb
1<%= javascript_pack_tag 'index', 'data-turbolinks-track': 'reload' %> 2<div id="app"></div>
app/javascripts/packs/index.js
1import React, { Component } from 'react' 2import ReactDOM from 'react-dom' 3 4class CommentList extends Component { 5 //中身は省略 6} 7 8// DOMロード後に指定したDOMを追加 9document.addEventListener('DOMContentLoaded', () => { 10 ReactDOM.render( 11 <CommentList />, 12 document.getElementById('app') 13 ) 14})
このように書きたい
app/javascripts/packs/index.js
1import React, { Component } from 'react' 2import ReactDOM from 'react-dom' 3 4class CommentList extends Component { 5 //中身は省略 6} 7 8//ここから変更点 9 ReactDOM.render( 10 <CommentList />, 11 document.getElementById('app') 12 )
Rails5とReact.jsでの開発
Rails5とReact.jsで開発していく場合、このようにDOMロード後に指定したDOMを追加するしか方法はないのでしょうか?
それとも、何か良い方法があるのでしょうか?
ご教授いただければ幸いです。
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。