react-redux

54 阅读1分钟
特点
  1. 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)