美文网首页
redux,react-redux

redux,react-redux

作者: 考拉程序媛 | 来源:发表于2019-08-18 21:37 被阅读0次

Dispatch ——action——> Reducer ——state——> Publish ——state——> Subscribe——> Mounted
Dispatch触发一个action,Reducer接收到action后,
计算得到一个新的state,
state产生后,Store发布一个事件,
把新的state状态通知给所有的订阅者也就是相关的component,
订阅者通过Subscribe事件监听到新的state值,
然后重新set到组件的props上,
重新渲染。
单一数据源、state 是只读的和使用纯函数执行修改。
action 就是普通对象,
因此它们可以被日志打印、序列化、储存,以及用于调试或测试的后期回放。
通过 reducer 创建一个 store,每当我们在 store 上 dispatch 一个 action,store 内的数据就会相应地发生变化。
创建store的时候,要先创建reducer,把reducer传递进store下的index.js
reducer里放的就是存放的数据
reducer可以接收state,但是绝不能修改state
1、store必须是唯一的
2、只有store能够改变自己的内容,reducer不能改
3、reducer必须是纯函数(给定固定的输入,就一定会有给定的输出,return的值是一定的)即不能有异步操作,也不能有关于时间定时器之类的操作
connect() 接收四个参数,它们分别是 mapStateToProps,mapDispatchToProps,mergeProps和options。
异步
request 和receive需要定义成两个不同的action,
用户trigger的是request,
api回调trigger receive

[https://zhuanlan.zhihu.com/p/26598001]
[https://juejin.im/post/5cd0f107f265da035f6fecd3]
[https://juejin.im/post/5b76b495e51d455f997fc77f#heading-4]

相关文章

  • redux的简单应用

    1、安装 redux和react-redux: npm i redux react-redux --save-de...

  • react-redux

    redux 全局状态管理 react-redux 优化模块 优化redux的使用过程 通过react-redux ...

  • React(五)

    React-redux(三):connect和mapStateToProps React-redux(四):map...

  • react-redux

    使用react-redux,可以更方便的使用redux开发 先install react-redux使用react...

  • react-redux

    react-redux react-redux可以使redux的state成为组件的属性,dispatch的act...

  • react-redux

    一、什么是react-redux React-Redux是Redux的官方React绑定。 它允许您的React组...

  • react-redux简介(二)源码解析

    写在开头 前置知识内容,react、react-redux。 react-redux文档:https://www....

  • React状态管理

    React-redux React-redux是React用来绑定redux的,其中不得不提及的是Provider...

  • 20.redux使用

    react-redux 使用一个react-redux 的库使得redux的使用更简洁,它提供了provider和...

  • react-redux性能优化之reselect

    在React-redux深入理解中,我们知道了 react-redux 是如何将 React 和 Redux 进行...

网友评论

      本文标题:redux,react-redux

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