美文网首页
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