これは、react-rails を使用した ruby on rails で使用します。
私のアプリでは、ajax を使用して HTML 応答を取得したいと考えています。
<%= react_component('Post') %>
ポスト コンポーネント:
var Component = React.createClass({
render:function(){
return <div>Article</div>;
}
})
それを App コンポーネントにアタッチします。
var App = React.createClass({
getInitialState:function(){
return {html:''};
},
componentDidMount:function(){
var that = this;
$.get('/home/component').done(function(data){
that.setState({html:data});
});
},
getHtml:function(){
return { __html:this.state.html};
},
render: function() {
return <div dangerouslySetInnerHTML={this.getHtml()}></div>;
}
});
しかし、その後は失敗し、次のように表示されます。
<div data-react-class="Post" data-react-props="{}"></div>
既に post.js app.js を index.html に追加しています。これをDOMにマウントするにはどうすればよいですか。感謝.....