美文网首页
ReactNative 返回上一页发通知监听更新数据

ReactNative 返回上一页发通知监听更新数据

作者: Andy_Sun | 来源:发表于2017-10-30 15:32 被阅读0次

由于刚接触RN,目前在做的RN项目里我没有尝试着用诸如redux、flux来动态管理。可能是我觉得项目不是很复杂没必要去用它们(最主要是我懒得去看它们把它们应用到项目里,等到实在需要用的时候...)
今天遇到一个问题就是点击back按钮返回到上一页的时候要刷新某条数据,因为在此页修改了某个变量要在上一页展现出来。搜索了一下发现打多少人建议用redux,但我还是执着,辗转找到可以通过发送通知,故记录一下。
首先需要在页面注入DeviceEventEmitter,话不多说上代码,

// 这是 firstPage 接受通知刷新数据的页面
componentDidMount() {
        DeviceEventEmitter.addListener('ChangeData', (data) => { // 建立一个通知
                this.setState({
                    name: data.name
                });
        });
    }

// 这是 secondPage 页面将要离开的是时候发送通知
componentWillUnmount() {
        DeviceEventEmitter.emit('ChangeData', {
            email: this.state.email
        });
    }

我觉得发通知就是用来传递参数吧,当然也可以触发一些方法。

相关文章

网友评论

      本文标题:ReactNative 返回上一页发通知监听更新数据

      本文链接:https://www.haomeiwen.com/subject/ztnppxtx.html