1，react中文官方文檔 [連接地址](https://doc.react-china.org/docs/hello-world.html) 2，redux Redux 是 JavaScript 狀態容器，提供可預測化的狀態管理。 Redux 除了和 React 一起用外，還支持其它界面庫。 它體小精悍（只有2kB）且沒有任何依賴。 Redux 的設計思想很簡單，就兩句話。 （1）Web 應用是一個狀態機，視圖與狀態是一一對應的。 （2）所有的狀態，保存在一個對象里面。 安裝穩定版： npm install --save redux 多數情況下，你還需要使用 React 綁定庫和開發者工具。 npm install --save react-redux npm install --save-dev redux-devtools 應用中所有的 state 都以一個對象樹的形式儲存在一個單一的 store 中。 惟一改變 state 的辦法是觸發 action，一個描述發生什么的對象。 為了描述 action 如何改變 state 樹，你需要編寫 reducers。 就是這樣！ import { createStore } from 'redux'; /** * 這是一個 reducer，形式為 (state, action) => state 的純函數。 * 描述了 action 如何把 state 轉變成下一個 state。 * * state 的形式取決于你，可以是基本類型、數組、對象、 * 甚至是 Immutable.js 生成的數據結構。惟一的要點是 * 當 state 變化時需要返回全新的對象，而不是修改傳入的參數。 * * 下面例子使用 `switch` 語句和字符串來做判斷，但你可以寫幫助類(helper) * 根據不同的約定（如方法映射）來判斷，只要適用你的項目即可。 */ ~~~ function counter(state = 0, action) { switch (action.type) { case 'INCREMENT': return state + 1; case 'DECREMENT': return state - 1; default: return state; } } // 創建 Redux store 來存放應用的狀態。 // API 是 { subscribe, dispatch, getState }。 let store = createStore(counter); // 可以手動訂閱更新，也可以事件綁定到視圖層。 store.subscribe(() => console.log(store.getState()) ); // 改變內部 state 惟一方法是 dispatch 一個 action。 // action 可以被序列化，用日記記錄和儲存下來，后期還可以以回放的方式執行 store.dispatch({ type: 'INCREMENT' }); // 1 store.dispatch({ type: 'INCREMENT' }); // 2 store.dispatch({ type: 'DECREMENT' }); ~~~ 3.redux-thunk 理解redux和redux的中間件redux-thunk的認識