美文网首页
redux简介

redux简介

作者: Flowke | 来源:发表于2017-05-25 19:07 被阅读0次

Action

一个对象, type字段来决定执行动作. action会比较多, 单独文件存放. 其他结构自己决定.

Reducer

如何修改state
( state, action ) => state, 描述了如何把state转变成下一个state.

state可以是任何任何数据类型, 但必须是新的对象.

state不能直接修改

如果state相同, react-redux会以为是两个相同的state. 不会执行渲染.

Store获取state

一个全局对象, 把 action , reducer, state 联系在一起

  • 维持应用的state
  • 提供getState() 方法, 获取state
  • 提供 dispatch(action) 方法更新state.
  • 通过 subscribe(listener) 注册监听器

1. 创建store

import { createStore } from 'redux';

let store = createStore(reducer, initState);

2. 获取和监听

获取: store.getState()
监听: store.subscribe( ()=>{} )

发起action

store.dispatch( action )

相关文章

  • Redux

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

  • Redux入门教程(一):基本应用

    一、Redux简介 先来po一下redux官网地址,如下:redux官网:https://redux.js.org...

  • React入门(六) Redux

    本节知识点 (1) 简介Redux作用 (2) 使用Redux (一) Redux介绍 Redux 就是相当于Vu...

  • React实战之Redux

    Redux、React-Redux 简介 Redux 是 JavaScript 状态容器,提供可预测化的状态管理。...

  • redux简介

    1.使用场景 redux虽然好,也并不是什么情况下都要使用,如果在项目中遇到一下场景,你会自发的寻找一个工具来解决...

  • redux简介

    Action 一个对象, type字段来决定执行动作. action会比较多, 单独文件存放. 其他结构自己决...

  • Redux简介

    Redux React-redux React-router Redux 1、基本用法: Redux中存在几个概念...

  • 2019 年学习 react redux-saga 免费视频教程

    轻松学 Redux-Saga(16 个视频) 轻松学 Redux-Saga #1 课程简介与 Redux-Saga...

  • 轻松学 Redux-Saga(16 个视频)

    轻松学 Redux-Saga 轻松学 Redux-Saga #1 课程简介与 Redux-Saga 介绍「07:0...

  • 牛逼好用的Chrome插件汇总,持续更新ing

    Redux DevTools 简介:redux 开发工具。简直牛逼到爆,无它已经无法调试状态了。redux 这里就...

网友评论

      本文标题:redux简介

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