react native父组件和子组件通信（传参）

我想要实现的功能，是点击子类中的一个按钮，在父类中弹出一个MODAL。要求是：在单击子类按钮的时候，需要向父类传参，告诉父类单击的是哪个按钮，根据按钮的不同，显示不同的modal。使用组件DeviceEventEmitter实现传参。

1.在父类和子类中都需要导入DeviceEventEmitter组件：

import {View,Text,Button,DeviceEventEmitter}from 'react-native';

2.在子类中写一个发送消息的方法：

<Button title="发送通知" onPress={() => {DeviceEventEmitter.emit('left','发送了个通知');}}/>

3.在父类中写一个接收这个消息的方法：

在didmount方法中写好监听/接收方法，当有消息发送时，这就会接收到，并执行相应方法：

componentDidMount() {this.deEmitter =DeviceEventEmitter.addListener('left', (a) => { alert('收到通知：' + a); });}

4.最后在父类中，需要卸载监听：

componentWillUnmount() {this.deEmitter.remove();}

最后编辑于：2018.07.13 10:18:08

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。