1. 程式人生 > >react-Redux 的簡單介紹(簡單、易懂系列!)

react-Redux 的簡單介紹(簡單、易懂系列!)

先安裝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