DeviceEventEmitter制御およびモニタは他のページを渡す値を追加します。リアクト - ネイティブの値によって

ネイティブ開発では、我々はに加入し、この方法は、ページを呼び出すことができるページを達成しなくするためには、イベントの実現を放送するトリガイベントを使用することができます。

ネイティブリアクトでは、我々はまた、DeviceEventEmitterを使用して同様の機能を実現することができます

このメソッドは、呼び出し公式APIであり、ラインを直接参照します。

1インポート{ DeviceEventEmitter 'ネイティブ-REACT'から} ;
 2  // ... 
3。 // コールイベント通知
4。 DeviceEventEmitter.emit（ ' xxxName'、PARAM）;
 5。 // xxxName：PARAM名通知：メッセージを送信する（送信パラメータ）

我々は達成したい場合

ページにパラメータを渡すためにボタンBをクリックしてください：ページ内
Bページでは：リストを更新するために受信したパラメータを使用します

リスナーBページの実現のイベントでは、我々は、イベントがrefreshListListenerという名前と仮定します

componentDidMount（）{
     VARの自己= この;
     この .listener DeviceEventEmitter.addListener =（ 'xxxName'、機能（パラメータ）{ 

    //   使用paramは何か
    }）; 
} 
// xxxName：PARAM名が通知：受信したメッセージを（パラメータパッシング）

componentWillUnmount（）{ 
      この.listener.remove（）; 
  } 

// 我々が手動componentWillUnmount内の通知を削除する必要があります

ページでは、メッセージを送信し、ページBトリガ・イベントがサブスクライブ

<TouchableOpacity 
    たonPress = {（）=> { 
        DeviceEventEmitter.emit（ 'refreshListListener'、{名： 'ジェリー'、年齢：100}）; 
    } 
}> 
    <テキスト>更新リストページB </テキスト> 
</ TouchableOpacity>

DeviceEventEmitter制御およびモニタは他のページを渡す値を追加します。リアクト - ネイティブの値によって

おすすめ