0

これは、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にマウントするにはどうすればよいですか。感謝.....

4

0 に答える 0