美文网首页
redux的connect浅析 (超简单)

redux的connect浅析 (超简单)

作者: 沐雨芝录 | 来源:发表于2019-03-12 16:24 被阅读0次

    基本用法:

    @connect(({ redis, common, loading }) => ({
      redis, 
      common, 
      loading
    }))
    export default class Redis extends Component {
      // ....
    }
    

    connect 方法传入的第一个参数是 mapStateToProps 函数,该函数需要返回一个对象,用于建立 State 到 Props 的映射关系。
    第二个参数,就是你页面需要的映射props.

    实现原理

    • 在原应用组件上包裹一层,使原来整个应用成为Provider的子组件
    • 接收Redux的store作为props,通过context对象传递给子孙组件上的connect

    context怎么传递数据,官网最靠谱呀!需要注意的是要封装一下React.createContext(),然后需要的组件调用,不要在新创建了,不然无效。

    相关文章

      网友评论

          本文标题:redux的connect浅析 (超简单)

          本文链接:https://www.haomeiwen.com/subject/xssnpqtx.html