美文网首页
Redux 的工作流程

Redux 的工作流程

作者: kelly_0416 | 来源:发表于2020-03-30 10:52 被阅读0次
Redux 的工作流程

首先,用户发出 Action。

store.dispatch(action);

然后,Store 自动调用 Reducer,并且传入两个参数:当前 State 和收到的 Action。 Reducer 会返回新的 State 。

let nextState = todoApp(previousState, action);

State 一旦有变化,Store 就会调用监听函数。

// 设置监听函数
store.subscribe(listener);

listener可以通过store.getState()得到当前状态。如果使用的是 React,这时可以触发重新渲染 View。

function listerner() {
  let newState = store.getState();
  component.setState(newState);   
}

相关文章

  • Redux - lewisbook

    Redux = Reducer + Flux 1、Redux的工作流程(Redux Flow) redux-flo...

  • Redux

    Redux 简介 Redux = Reducer + Flux Redux 的工作流程 使用antd编写Todo...

  • Redux

    Redux工作流程 redux主要通过store管理react中的数据流,工作流程如下: 第一步 创建store文...

  • RN:Redux

    目录一. 为什么要使用Redux二. Redux是什么 1. Redux的三大组成部分 2. Redux的工作流程...

  • 第1.3章:Redux数据传递框架

    1、Redux简介 Redux的设计理念是把数据放到Store里,统一管理 2、Redux工作流程 蓝色React...

  • redux-thunk

    redux-thunk 是一款redux中间件 工作流程 目前是先处理异步在派发动作 使用 redux-thunk...

  • redux-thunk的一点认识

    redux-thunk是什么东西 在此之前先回顾下redux的工作流程:action-> dispatcher -...

  • Flutter Redux 一些问题思考

    目录: 一、Redux 概述 二、Redux 工作流程分析1.Action 发出后经历了什么?2.Middlewa...

  • Redux 的工作流程

    首先,用户发出 Action。 然后,Store 自动调用 Reducer,并且传入两个参数:当前 State 和...

  • 06.Redux入门

    Redux概念简述 Redux的工作流程 使用Antd实现TodoList页面布局 这里,我们新建一个项目1.cm...

网友评论

      本文标题:Redux 的工作流程

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