美文网首页
redux解析

redux解析

作者: 卡布奇洛猫 | 来源:发表于2018-07-25 15:11 被阅读0次

action

action:{
  type: String
  ...
}

reduce(state, action)

reduce是一个内部包含着switch的函数,且default总是被设置为返回state,其余选项皆返回被处理后的state,以此完成状态的更新.


subscribe(listener)

subscribe会把listener回调函数放入一个数组中,等待使用.同时也会返回一个unsubscribe函数,用以将之前放入的回调函数移出数组.


dispatch(action)

dispatch接收一个action,并将其给予当前的reduce,该reduce会返回一个新的state,他会替换掉之前的state.最后函数会返回这个action.


combineReducers(reduces)

该函数接收一个由reduce组成的对象,该对象的每一个属性皆为reduce.在该函数内部,他会从reduces对象中抽取每个reduce函数的名字并放入reducerKeys数组中.而reduce本身,则会通过循环,被存入finalReducers对象中.

最终该函数会返回一个新的函数作为reduce提供给createStore.

上面所说的这个reduce被执行时,会先被combineReducers中的遍历函数遍历finalReducers中的reduce属性,并执行他们.并将执行他们所获得的新state存入nextState对象中.


中间件

中间件会替换掉redux原本的createStore的内部代码,转而使用中间件处理.(赶工写的,没有怎么思考)


相关文章

  • redux解析

    action reduce(state, action) reduce是一个内部包含着switch的函数,且def...

  • Redux 源码初探

    标签: 源码解析,前端 Redux 1. Reducer combineReducers将多个reducer 合并...

  • 开发react须知

    react官网教程基础解析 1、使用redux和没有redux,react写法有什么不同吗? 答:组件写法一样,但...

  • 全面解析Redux

    本文将会不断更新和整理。 Store 首先要区分 store和 state?state是应用状态,一般本质上是一个...

  • redux源码解析

    上周六参加了一个公司的面试,因为是很长时间以来的第一次面试,发挥的并不是很好,有两个下来一想就明白的问题在当时却卡...

  • Redux源码解析

    写在开始 本篇主要结合react-native 使用redux的过程,说明使用redux的方法和原理,揭秘Redu...

  • redux源码解析

    核心功能 getState 获取当前的state dispatch 派发action以更新状态 subscribe...

  • Redux 源码解析

    概述 Redux 是 JavaScript 状态容器,提供可预测化的状态管理方案。其三大原则为: 单一数据源 =>...

  • redux、react-redux、redux-thunk解析

    redux解析 redux是状态管理模块,把所有状态都统一进行管理,方便组件之间传递数据。一场景:1、某个组件的状...

  • react 笔记

    react 基本概念解析 react 的组件声明周期 react 高阶组件,context, redux 等高级...

网友评论

      本文标题:redux解析

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