react中手動重置redux

2022-06-06 00:00:15 字數 1213 閱讀 6461

前段時間使用redux在react-native中,安卓後退兩次關閉後redux未清空的問題,一直覺得處理的不夠優雅,沒有根本解決問題。

後來發現再退出登入後,也有部分資料因為redux的邏輯處理資料快取問題被留了下來,造成一些意料之外的問題,於是要徹底解決重置redux的辦法。

我的解決方法是,寫乙個action用來處理退出登入,每個reducer都監聽這個type,return初始值。

//

action

export const login_out = 'login_out';

export const loginout = () =>

}

//

reducer

import * as user from '../actions/useraction';

const user =

export

default (state = user, action) =>

}

//

其他reducer

import from '../actions/useraction';

const finance =

export

default (state = finance, action) =>

}

//

退出登入時處理邏輯

export

default

connect(

(state) =>({}),

(dispatch) =>();

resetrouter('login');}})

)(...)

//

rn中後退2次邏輯處理

onbackandroid = () =>

else

this.lastbackpressed =date.now();

toastandroid.show('再按一次退出應用', toastandroid.short);

return

true

; }

};

1 export const login_out = 'login_out';

23 export const loginout = () =>

7 }

react中簡單使用redux

如果你一點不熟悉redux,看看這個 專案搭建好之後,安裝一下依賴,安裝一下redux 和 react redux 在src目錄下建乙個redux資料夾,在redux資料夾下建action資料夾和reducer資料夾,分別放我們的action和reducer 1,首先編寫我們的action。acti...

react中redux的使用

1.安裝redux npm install redux 2.store的建立 src store index.js import from redux import reducer from reducer const store createstore reducer src store redu...

react 中的redux的使用

在專案中安裝redux yarn add redux yarn add react redux 首先建立乙個store資料夾 在store資料夾中建立乙個index.js檔案 在index.js中建立乙個例項 import from redux const state createstore exp...