一年缎、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的方法绢淀。