action

action在实际的编码中可以理解为一个函数，通过store.dispatch()发起，返回一个固定格式的对象，如下伪代码所示：

const ADD_TODO = 'ADD_TODO';
function addTodo(text) {
  return {
    type: ADD_TODO,
    text
  }
}

每个action返回对象中都必须包含一个type，type为reducer指明了处理的内容。在以上代码中，我们设置type为一个静态变量，保证type为不可变的内容并便于维护。

注意

对于对象类型的参数，由于把对象赋值给另外一个对象时js会指向同一堆内存，所以我们应该持谨慎态度使用。

在使用对象参数时，常规情况下建议使用以下规范：

  1. 对象层级尽量简单，我们推荐使用单层结构，也有一些js库专门提供数据扁平化方案。
  2. 在使用时，可以使用一个data参数传递，再在reducer进行深复制。

下面给出一个伪代码示范：

建立一个action函数

const ADD_TODO = 'ADD_TODO';
function addTodo(todoObject) {
  return {
    type:ADD_TODO,
    data:todoObject
  }
}

在使用这个action函数时使用单层数据

store.dispatch(addTodo({
    content:'first todo',
    complete:false
}))

模块编写

在编写action模块时，我们通常是按照以下格式：

//action 常量
export const ACTION_TYPE='ACTION_TYPE';

//action 函数
export function actionFunction(){
    return {
        type:ACTION_TYPE
    }
}

results matching ""

    No results matching ""