美文网首页
redux基础

redux基础

作者: 年轻人Moriarty | 来源:发表于2018-05-16 08:51 被阅读0次

初始化

1、通过reducer创建store,store=create(reducer,initValues)
将store导入view中

2、通过store.subscribe(listener)将代表listener注册在store上

3、定义好action以及actionType


如何工作

1、在view中,
通过store的dispatch(action)方法,
将action传给reducer进行逻辑处理,
并返回一个新的state然后替换掉原store中的state,
(不可直接对原store中的state进行修改——保持状态只读,数据改变只能通过纯函数完成)

2、store中state的改变,会触发开始已经用subscribe(listener)注册在store上的listener,
接着在listener中调用this.setState()方法对view中的state进行更新。


相关文章

  • 1-Redux Introduction

    Time: 20200129 前置要求 React基础 Redux Redux is a predictable ...

  • 07-05-Redux

    课程目标 掌握 redux 三大原则; 掌握 redux 基础使用; 掌握 react-redux 使用; 掌握 ...

  • 轻松搞定 -react-redux-基本用法

    1. 前言 之前写了几篇关于 redux和react-redux文章,链接如下redux-基础[https://w...

  • spring-boot redux-thunk增删改查

    环境搭建 以spring-boot react redux增删改查为基础代码,在redux分支的基础上,集成red...

  • 【学习笔记 】React ⑥ Redux工作流

    Redux基础概念     在了解Redux之前首先思考一个问题:为什么要使用Redux?    React是一个...

  • react 学习

    包含 react基础 react传值 react路由 和redux管理 和react-redux reactDom...

  • 【React进阶系列】手写实现react-redux api

    简介:简单实现react-redux基础api react-redux api回顾 把store放在context...

  • redux学习(中)

    依照惯例,开头先放出redux中文文档地址 前文讲了redux的基础概念,这次学习一下redux和react的结合...

  • redux基础

    初始化 1、通过reducer创建store,store=create(reducer,initValues)将s...

  • Redux基础

    Actions Actions是用于存放数据的载体,通过store.dispatch()函数来将数据从app发送到...

网友评论

      本文标题:redux基础

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