React父级组件道具未传递给子级组件

Question

Getting data from ajax call and storing in the component state

_getDataFromServer(){
 reqwest({
      url: 'http://127.0.0.1:8000/api/example/'
    , type: 'json'
    , method: 'get'
    , contentType: 'application/json'
    , crossOrigin: true
    , withCredentials: false
    , error: function (err) { }
    , success: function (resp) {
        const data = resp
        this.setState({config:data})
      }.bind(this)
  })
}

componentWillMount(){

  this._getDataFromServer()
}

and passing the json data in state to child component in the render method

render() {
    return (
        <Panel>
          <AppDynamic uiConfig={this.state.config}/>
        </Panel>
    );
}

But the props are empty in the child component.i cant understand why props are not passing to child component

Answer 1

Try to bind the context to _getDataFromServer method inside the constructor.

Javascript

constructor(props){
  super(props);
  this._getDataFromServer = this._getDataFromServer.bind(this)
}