2016-11-16 12 views
0

の取得データを渡すと、コンポーネントの状態は、親コンポーネントの小道具は、AJAX呼び出しから子コンポーネントに

_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() 
} 

に格納し、renderメソッドに子コンポーネントの状態でJSONデータを渡していないリアクト

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

子コンポーネントで小道具が空です。子コンポーネントに小道具が渡されない理由を理解できません。

+0

コンソールですべてのエラー? –

+1

ネットワーク呼び出しには時間がかかりますので、最初のレンダリングではconfigはまだコンポーネントの状態にはなりません。 – ArneHugo

+0

問題が解決しました。 paramsを子コンポーネントに渡した後、私はそれらを状態に格納していました。それは間違いだ、私はやった –

答えて

0

コンテキストをにバインドしてみてください0メソッドをコンストラクタ内に挿入します。

Javascriptを

constructor(props){ 
    super(props); 
    this._getDataFromServer = this._getDataFromServer.bind(this) 
} 
関連する問題