前端学习之Redux
下面我将对我学习的Redux进行介绍,如有误解请多多指教。
官网介绍
理解Redux
Web应用是一个状态机,视图和状态是一一对应的。
Redux将所用状态保存在一个对象store中,提供一些方法来触发状态改变来改变视图。其中最主要的三个模块是Action,Reducer和Store。
Action
Action 为‘动作’,描述了事情的发生。
定义方法如下,实际是一个对象,但必须要有type属性来描述Action的名称。它携带的信息是字符串‘learn-redux’为可选属性,其余字段可以自己定义,但尽量减少在Action中传递数据。
const action={
type: 'ADD_TODO',
payload: 'learn-redux'
}
由于每次都手动定义一个Action比较麻烦,也可以写一Action生成器Creator
function addTodo(text){
return {
typ