Action是store数据的唯一来源。需使用store.dispatch()将所需的action传到store。Action是把服务器响应的数据或者用户输入的数据、和其他一些非View的数据传入store的有效载荷。Action实际上是JS的普通对象。示例:
{ type:"ADD_TODO", //type为必须的字段,值为字符串或存放字符串的变量 text:"我是示例" }
需要注意的是:应该尽可能的减少在action中传递的数据。
Action创建函数只是简单的返回一个action。示例:
function addTodo(text) {
return {
type: ADD_TODO,
text
}
}
Redux提供的bindActionCreators()可以自动把多个action创建函数绑定到dispatch()方法上。
Reducers 指定了应用状态的变化如何响应 actions 并发送到 store 的,记住 actions 只是描述了有事情发生了这一事实,并没有描述应用如何更新 state。
reducer 就是一个纯函数,接收旧的 state 和 action,返回新的 state。
(previousState, action) => newState
永远不要在reducer里做这些操作:
reducer一定要保持纯净。只要传入参数相同,返回计算得到的下一个state就一定相同。没有特殊情况、没有副作用、没有API请求、没有变量修改,单纯执行计算
//ES6的写法 import { combineReducers } from ‘redux‘ import * as reducers from ‘./reducers‘ const todoApp = combineReducers(reducers)
Store的职责:
Redux 应用只有一个单一的 store
store的使用示例:
//创建store let store = createStore(todoApp); //打印初始状态 console.log("初始状态======》",store.getState()); //每次state更新时,打印日志 //注意subscribe()返回一个函数用来注销监听器 const unsubscribe = store.subscribe(()=>console.log("state有更新=======》",store.getState())) //发起一系列action store.dispatch(addTodo("learn about actions")); store.dispatch(addTodo("learn about reducers")); store.dispatch(addTodo("learn about store")); store.dispatch(toggleTdo(0)); store.dispatch(toggleTdo(1)); store.dispatch(setVisibilityFilter(VisibilityFilters.SHOW_COMPLETED)); //停止监听 unsubscribe();
Redux应用中数据的生命周期遵循4个步骤:
原文:https://www.cnblogs.com/wanrenfeiyu/p/9286265.html