ReactNative 返回上一頁發(fā)通知監(jiān)聽更新數(shù)據(jù)

由于剛接觸RN,目前在做的RN項目里我沒有嘗試著用諸如redux、flux來動態(tài)管理??赡苁俏矣X得項目不是很復(fù)雜沒必要去用它們(最主要是我懶得去看它們把它們應(yīng)用到項目里,等到實在需要用的時候...)
今天遇到一個問題就是點擊back按鈕返回到上一頁的時候要刷新某條數(shù)據(jù),因為在此頁修改了某個變量要在上一頁展現(xiàn)出來。搜索了一下發(fā)現(xiàn)打多少人建議用redux,但我還是執(zhí)著,輾轉(zhuǎn)找到可以通過發(fā)送通知,故記錄一下。
首先需要在頁面注入DeviceEventEmitter,話不多說上代碼,

// 這是 firstPage 接受通知刷新數(shù)據(jù)的頁面
componentDidMount() {
        DeviceEventEmitter.addListener('ChangeData', (data) => { // 建立一個通知
                this.setState({
                    name: data.name
                });
        });
    }

// 這是 secondPage 頁面將要離開的是時候發(fā)送通知
componentWillUnmount() {
        DeviceEventEmitter.emit('ChangeData', {
            email: this.state.email
        });
    }

我覺得發(fā)通知就是用來傳遞參數(shù)吧,當(dāng)然也可以觸發(fā)一些方法。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,937評論 25 709
  • Redux是受到了Facebook Flux和Elm啟發(fā)的應(yīng)用構(gòu)架。Redux使用了類似于Flux的單向數(shù)據(jù)流,但...
    心至靜行至遠閱讀 3,222評論 1 21
  • 本文開始分析f8app核心js部分的源碼,這篇文章將非常難理解,原因了Redux框架引入了很多新概念,使用了大量函...
    offbye西濤閱讀 5,114評論 2 27
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,538評論 19 139
  • 尊敬的出資人: 一、感謝 感謝您的信任,提供資金,讓我運作。更感謝您的幫助,在我賬戶運作陷入困境之際,給與莫大的寬...
    luozi閱讀 307評論 0 0

友情鏈接更多精彩內(nèi)容