React Native 中使用Redux


參考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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM