React-Redux

2021-09-22 20:35:49 阅读：129 来源： 互联网

标签：const reducter dispatch React state action Redux store

1，store

保存数据的地方，管理全局的状态

import { createStore } from 'redux';
const store = createStore(reducter);
store.getState();
store.dispatch(action);
store.subscribe(liatener);

2，state

const state = store.getState();

一个state对应一个view

所有的state都以一个对象树的形式存在一个单一的store中

3，action

唯一改变state的方法就是dispatch一个action

state + action = new state（可预测性）

const action = {
  type: 'ADD_TODO',
  payload: 'Learn Redux'
};

action本质上是一个JavaScript对象，包含一个type字段

4，action creator

定义一个函数生成action

const ADD_TODO = '添加 TODO';

function addTodo(text) {
  return {
    type: ADD_TODO,
    text
  }
}

const action = addTodo('Learn Redux');

5，store.dispatch

view发出action的唯一方法

store.dispatch(addTodo('Learn Redux'));

6，reducter

store收到action之后，必须给出新的state，这样view才能发生变化，这种state的计算过程就叫做reducter

reducter是一个函数，接收action和当前state作为参数，返回新的state

combineReducers

bindActionCreators

标签：const,reducter,dispatch,React,state,action,Redux,store
来源： https://www.cnblogs.com/caimengting/p/15252957.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

React-Redux