React Nativeでナビゲータを使用してコンポーネントに新しい小道具を動的に追加する方法

Question

私のシナリオでは、ナビゲータを使用してコンポーネントをレンダリングしています。そのコンポーネントでは、レコードを保存するような何らかのアクションを実行してから、既存のコンポーネントに新しい小道具を動的に追加しました。しかし、ここではダイナミックな小道具はそのコンポーネントでは見えません。ナビゲータを使用してコンポーネントに動的な小道具を追加する方法私は、私は1つのAjaxのポストは、それそれはいくつかのデータを返す呼び出していますDisplayCustomSchemaコンポーネントcomponentDidMountでは以下のように

this.props.navigator.push({ 
    id: 'DisplayCustomSchema', 
    name: 'DisplayCustomSchema', 
    org:this.props.org 
}); 

ようDisplayCustomSchemaコンポーネントを呼び出していますネイティブナビゲーターを反応させるの使用中に、ここで

私は、コードを提供しています。ここ

var DisplayCustomSchema = React.createClass({ 

     componentDidMount : function(){ 
      ajaxpost(data){//example only 
       this.props.record=data 
       //here i am try to move response data to props because I am using this data in saveRecord function but in save record props contain name and org only 


     } 
     } 
     render: function(){ 
       <View> 
        <TouchableHighlight style={styles.touchButtonBorder} underlayColor="#ffa456" onPress={saveRecord.bind(this,this.props)}> 
        <Text style={styles.button}>SAVE</Text> 
        </TouchableHighlight> 
       </View> 
     } 
}) 

私の質問のデータは小道具

Answer 1

に移動していない理由を次の2つのオプション

1. を持っているredux

   1. のようなフレームワークを使用しstate

   2. を使用しますすることができますようにあなたがthis.setStateを使用してロードされたデータを設定することができます

   3. reduxを使用すると、マウント時にアクションがディスパッチされ、ロードされた小道具が格納されます。

状態を使用すると、アンチパターンであるように、第2のオプションは強く、奨励されることに注意してください。