一、Provider 提供器
<Provider>是一个提供器,只要使用了这个组件,组件里边的其它所有组件都可以使用store
//声明一个App组件,然后这个组件用Provider进行包裹。
constApp=(
<Providerstore={store}>
<TodoList/>
</Provider>
)
//---------关键代码--------end
ReactDOM.render(App,document.getElementById('root'));
二、连接器 connector
conststateToProps=(state)=>{
return{
inputValue:state.inputValue
}
}
exportdefaultconnect(stateToProps,null)(TodoList)
stateToProps为映射关系,一个把state映射成组件的props的方法。
三、dispatchToProps(connect的第二个参数)
constdispatchToProps=(dispatch)=>{
return{
inputChange(e){
console.log(e.target.value)
}
}
}
exportdefaultconnect(stateToProps,dispatchToProps)(TodoList);
dispatchToProps为映射关系, 把dispatch映射成props的方法。