參考https://jspang.com/detailed?id=48和印度同事的代碼簡單整理一下在RN中使用Redux的步驟
1. 首先我們應該先了解Redux是什么,什么情況下需要用到它
在Redux的官網自述中這樣描述
'Redux 是 JavaScript 狀態容器,提供可預測化的狀態管理。 (如果你需要一個 WordPress 框架,請查看 Redux Framework。)
可以讓你構建一致化的應用,運行於不同的環境(客戶端、服務器、原生應用),並且易於測試。不僅於此,它還提供 超爽的開發體驗,比如有一個時間旅行調試器可以編輯后實時預覽。'
描述的很是神奇,什么可預測,什么時間旅行; 簡單來看這就是Android中的EventBus , 可以讓我們輕松得管理和操作數據,從而實現應用內頁面間的數據共享
當我們想在多個頁面都獲取用戶信息,或者垮頁面間傳遞數據的時候, Redux可以幫你省掉那些麻煩的讀存儲和頁面傳值和接收的動作
2. 使用步驟:
1.添加依賴 (版本使用最新的即可)
"react-redux": "^7.2.0",
"redux": "^4.0.5",
"redux-thunk": "^2.3.0"
2.創建行為Action
import { createStore, applyMiddleware} from 'redux'; | |
import addSubReducer from './reducers/AddSubReducer'; | |
import thunk from 'redux-thunk'; | |
const store = createStore(addSubReducer, applyMiddleware(thunk)); | |
export { | |
store | |
}; |
具體實現代碼可以參考我的代碼庫 https://github.com/Glorycsc/RN_Redux