盒子
盒子

redux系统学习五

搭配react

1、依赖库:react-redux

2、展示型组件、容器组件
展示型组件一般由自己编写,容易组件有react-reudx编写,容器组件作为展示型组件和store数据的纽带,通过subscribe的回调接受部分store的数据,并以props的形式传递给展示型组件。技术上可以自己编写一个容器组件,但是不建议,因为react-redux做了一些优化,具体的优化请参考:https://github.com/reduxjs/react-redux。
当然通过subscribe确实可以实现容器组件或者直接更新展示组件。

3、react-redux API

(1)mapStateToProps,将store中的部分state映射成为展示组件的props,数据流向:store–>view

(2)mapDispatchToProps,将dispatch的功能映射成为一个方法,展示组件自己不用dispatch啦,数据流向:view–>store

(3)connect

1
2
3
4
const VisibleTodoList = connect(
mapStateToProps,
mapDispatchToProps
)(TodoList)

(4)Provider

1
2
3
<Provider store={store}>
<App />
</Provider>

支持一下
扫一扫,支持 Alin
  • 微信扫一扫
  • 支付宝扫一扫