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
原文地址:https://www.cnblogs.com/caimengting/p/15252957.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。