react-redux笔记

react-redux笔记_第1张图片
在react-redux的学习中,它们之间的数据传递关系对我来说较为复杂,不同部分与不同部分有着不一样的传递方式。同时有着conncet这样强大的API,如果不能理清,就很容易弄混。

如图,在redux-redux中,就是UI组件外嵌套一个容器组件,UI组件不之间与redux交互,而是通过容器组件,再将得到的数据通过props属性,传递给UI组件

UI组件的容器组件,由connect API构建。在connect函数中,它还同时完成了从redux获取更新的数据,redux中的操作状态的方法通过props属性传递给UI组件。同时connect函数,还能监听数据变化,如果数据发生了改变,会自动重新渲染页面。在connect函数中,同时也会完成容器组件向redux的派发(dispatch)。

而在容器组件中,还需注意,store并不是通过import直接引入,而是由父组件传入。

总结以上这几点,主要还是要弄懂connect 这个方法的用法。

你可能感兴趣的:(前端,react)