react-Redux 的簡單介紹(簡單、易懂系列!)
阿新 • • 發佈:2018-12-25
先安裝redux:
npm install redux
1. redux的作用:
redux是一門資料層框架,解決資料傳遞的問題。
由當時的層層傳遞資料,改變為資料共享(可跨層獲取資料)
2. 熟悉redux流程:(口語化簡述redux流程)
借書的人(React Components)說一句話 ------>
“要借xx書”(這句話是一個action物件,store.dispatch()方法將其傳給store)-------->
圖書管理員去記錄本中查詢該書籍(store接收到資料去reducer中查詢)------>
圖書管理員將找到的書籍交給借書的人(store將改變的資料在傳送給react.Component)
3. 要想熟練運用redux,這幾個方法是要牢記的:
store.getState() React.Component 獲取store中的資料
store.subscribel() 訂閱store中的資料改變,只要store中資料發生改變就觸發該方法
store.dispatch() 將事件中的action物件派發給store
4.用react-redux寫了一個todoList案例,附上gitHub原始碼連結,大家感興趣可以下載。
https://github.com/924950698/react-redux