connect將props、dispatch連線到元件上。
provider基於store.subscribe()封裝，如果store發生變化，會自動更新store,觸發重渲染。
如果不寫provider，需要手動監聽、更新render。
index.js
store.subscribe(()=>);
function render()
this.props.store.getstate().r1(2)頁面引入actioncreators.js檔案，呼叫actioncreators.js檔案中方法
import from './actions/actioncreator';
this.props.store.dispatch( add() );
import * as actions from './actions/actioncreator';
this.props.dispatch(actions.add())
export default connect(state => ;
import from 'redux'
this.props.add();
export default connect((state)=>;
},(dispatch)=>)
bindactioncreators(actioncreators,dispatch) // 返回乙個物件。
可通過this.props直接獲取actionscreators中每個函式。 actioncreators:派發action的函式
function add()
}}
哪個元件需要狀態管理器(store)中的資料，就用connect高階元件傳入
let mapstateprop = (state,ownprops)=>
let mapdispatchprop = (dispatch,ownprops) =>
ownprops:只要接收到的新的父級傳進來的資料，就會在執行一次此函式，從而connect更新頁面狀態，檢視更新
上面為**片段，詳細見：
補充:裝飾器寫法。將connect()寫在元件類宣告上面。注意：若採用裝飾器寫法，就不能使用無狀態函式來編寫元件。因為裝飾器新增在類宣告上面。
同時，必須使用static proptypes={}這種靜態屬性的寫法，來宣告props型別。
container.js
import * as actioncreators from "../actions";
@connect(
state=>(),
actioncreators
);class counter extends react.component
render()
}
redux教程（一） 理解redux
react的頁面應用越來越複雜，資料和狀態的管理也越來越複雜，甚至夾雜著ajax非同步請求對資料狀態的變更。不知從什麼時候開始 react框架的資料狀態的管理已經越來越難以控制和 redux就是針對難以處理的資料管理，提出的一種解決方案。它能夠讓你的頁面的資料管理更輕鬆。當問到為什麼要使用redux...
快速理解redux
本篇文章主要說明redux的基本原理以及如何使用 高階元件 觀察者模式 react基礎 wepy基礎 有vue基礎也可以 簡單的說，context就是乙個全域性變數，它可以被乙個高階元件及該高階元件的所有子元件，孫組建等等共享 舉個例子，下圖是乙個react頁面 由上面三圖可以看出，本應一層一層傳遞...
redux 初步理解
派發乙個 action 給 reducer,reducer 生成了乙個新的 state redux 通過 store 來儲存資料,store.getstate 獲得資料,而要更新 state,則需要 store.dispatch action 由於reducer 裡才會生成乙個新的 state,所以...