基本用法:
@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()
,然后需要的组件调用,不要在新创建了,不然无效。
网友评论