特点
- react-redux内部自己创建了上下文对象,并且我们可以把store放在上下文中,在组件中使用的时候,无需我们自己再获取上下文中的store了,它可以帮我们直接获取到。
import {Provider} from 'react-redux'
<Provider store = {store}>
<div>111</div>
<Provider/>
2.在组件中,我们想获取公共状态信息进行绑定等,无需自己基于上下文对象获取store,也无需自己再基于getState获取公共状态,直接基于react-redux提供的connect函数处理即可。
/*
connect(mapStateToProps,mapDispatchToProps)(渲染的组件)
mapStateToProps:可以获取到redux中的公共状态,把需要的信息作为属性,传递组件即可
connect((state)=>{
//state:存储redux容器中,所有模块的公共状态信息
//返回对象中的信息,就是作为属性,传递给组件的信息
return {
supNum:state.vote.supNum,
info:state.personal.innfo
}
})(Vote)
mapDispatchToProps:需要把派发的任务,当做属性传递给组件
connect(null,dispatch=>{
//dispatch:派发任务的方法
return {
}
})
*/
import {connnect } from 'react-redux'
const Vote = function Vote(){
}
export default connect(()=>{
return {
supNum:state.vote.supNum,
oppNum:state.vote.oppNum,
}
})(Vote)