복붙노트

[REACTJS] 사용 경로에 모두 this.state 및 this.props을 전달하는 방법을 반응 라우터를

REACTJS

사용 경로에 모두 this.state 및 this.props을 전달하는 방법을 반응 라우터를

해결법


  1. 1.앱 클래스로 이동 pushToPostList = {this.pushToPostList}.

    앱 클래스로 이동 pushToPostList = {this.pushToPostList}.

    var App = React.createClass({
    
    getInitialState: function() {
        return {
            myList: []
        };
    },
    
    pushToPostList: function (object) {
        if (object) { 
          var myTempPosts = this.state.myPostList;
          myTempPosts.push(object); 
          this.setState( {myPostList: myTempPosts} );
        }
    },
    
    render: function() {        
        return (
            <div>
                <RouteHandler {...this.state} pushToPostList={this.pushToPostList} />
            </div>
        );
    }
    });
    
  2. from https://stackoverflow.com/questions/29442206/how-to-pass-both-this-state-and-this-props-to-routes-using-react-router by cc-by-sa and MIT license