react connect的应用

前言:

        一个项目里,或多或少总会出现一个页面需要用到另一个页面的某些状态值;虽然redux已经接管了状态管理这个活;但redux在常规应用里是无法做到实时状态更新的下发的;也就是说,一个状态值在a页面dispatch了,b页面是无法及时接收到这个变化的。

        在react里,页面间传参一共有三种方式:

            1,常规,路由传参,但由于对react-router 4.x运用的不是很熟练,所以在实现需求时,没有做相关尝试

            2,利用connect

            3,   利用context,但似乎由于react-router 4.x的较大性质的改版,以至于这个上下文在用的时候似乎有点问题

利用connect实现页面间传参:

        先上代码:


在入口文件里将根组件用provider组件包裹起来
在根组件里利用connect构建数据共享通道

    如图,这样就利用connect完成了react各个组件之间数据共享.

    需要注意的是,connect接收两个参数:

        mapStateToProps:定义哪些store属性会被映射到根组件上的属性(把store传入react组件)

        mapDispatchToProps:定义哪些行为action可以作为根组件属性(把数据从react组件传入store

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容