美文网首页
Rdux学习总结

Rdux学习总结

作者: liuchungui | 来源:发表于2019-05-21 22:11 被阅读0次

redux分成了actionreducerstore三个部分。

我们首先,定义action函数,action函数中返回一个对象,包括type和相关的数据;

然后,我们定义reducer,reducer可以分成多个,然后处理不同的action,返回一个新的state

最后,我们定义store,store的值由reducer来确定,最终反馈到UI上

整个流程就是:

action => reducer => store => 组件的props

使用:

1、首先,将根组件放入<Provider>中

2、哪个组件需要使用时,定义一个绑定方法,将store中的值绑定到当前组件的props,如下:

function select(store) {

return {

    page: store.switchTabStore.page,

}

}

然后,导出的时候,使用connect,如下:

export default connect(select)(Index);

3、第二步只是将store的值绑定到组件,但是我们如何修改store中的值呢?通过dispatch一个action,如下:

tabSelect(el) {

this.props.dispatch(switchTab(el.props.name));

}

4、redux-thunk主要是为了处理异步请求使用

5、在使用redux的组件中,都需要使用到connect;如果没有接收参数,可以如下:

export default connect()(Match);

redux理解,下面一篇知乎说的很好

https://www.zhihu.com/question/41312576

http://www.jianshu.com/p/2c43860b0532

相关文章

  • Rdux学习总结

    redux分成了action、reducer、store三个部分。 我们首先,定义action函数,action函...

  • Apache的架构师们遵循的30条设计原则

    本文引用自https://mp.weixin.qq.com/s/aZoSC9hRw7RDUx-2bOjSVg Ap...

  • 一个作业题引发的思考

    前言 相信使用过 React + Rdux 的人对下面这张图都不陌生 那么,我来换种方式解释下,如下图: 当用户有...

  • kafka学习系列

    Kafka学习总结(一)——Kafka简介 Kafka学习总结(二)——Kafka设计原理 Kafka学习总结(三...

  • 习惯

    好的学习习惯,才能有效的学习,每天有计划的去学习,每天都要有总结,总结做过的事情,总结学到的东西,总结学习的方法,...

  • 要做就做第一名

    前几天刚学会了一个学习的公式:体验→感受→分享→总结。 生活要学会总结,总结是最好的学习,可以说没有总结的学习不叫...

  • GNU Make / Makefile 学习资料

    GNU Make学习总结(一)GNU Make学习总结(二)这篇学习总结,从一个简单的小例子开始,逐步加深,来讲解...

  • java基础参考资料

    JavaWeb学习总结(一)——JavaWeb开发入门 JavaWeb学习总结(二)——Tomcat服务器学习和使...

  • 2018年2月计划

    1. 课程学习,以及总结笔记 《关系课程》学习50节,总结笔记。 《中国史纲》学习50节,总结4篇笔记。 《pyt...

  • 跟着麦子学英语(一)

    学习,总结,在学习! 这也许就是学习的过程吧!学习起来了,总结经验,然后推到,在重新开始学习! ...

网友评论

      本文标题:Rdux学习总结

      本文链接:https://www.haomeiwen.com/subject/pjoszqtx.html