reactjs - 如何在 React Native 中监听子组件中的事件？

Question

我想在我的 React Native 应用程序中实现从父组件到子组件的事件监听器，我使用 StackNavigator 作为路由器。

如何监听顶部/父组件中发生的事件？

Answer 1

只需使用 React Native 的 DeviceEventEmitter。从父组件发出事件，如下所示:

DeviceEventEmitter.emit('eventKey', {name:'John', age:23});

并在子组件中监听事件

componentDidMount(){
      //add listener
      this.eventListener = DeviceEventEmitter.addListener('eventKey',this.handleEvent);
}

handleEvent=(event)=>{
 //Do something with event object
}

componentWillUnmount(){
      //remove listener
      this.eventListener.remove();
}