首先在最外層容器中,把所有內(nèi)容包裹在 Provider 組件中,將之前創(chuàng)建的 store 作為 prop 傳給 Provider。
const App = () => {
return (
<Provider store={store}>
<Comp/>
</Provider>
)
};
Provider 內(nèi)的任何一個(gè)組件(比如這里的 Comp),如果需要使用 state 中的數(shù)據(jù),就必須是「被 connect 過(guò)的」組件——使用 connect 方法對(duì)「你編寫(xiě)的組件(MyComp)」進(jìn)行包裝后的產(chǎn)物。
class MyComp extends Component {
// content...
}
const Comp = connect(...args)(MyComp);
connect 會(huì)返回一個(gè)與 store 連接后的新組件。那么,我們就可以傳一個(gè) Presentational Component 給 connect,讓 connect 返回一個(gè)與 store 連接后的 Container Component。