0630

[LeungKaMing]

Action

// action通常是一个对象，在异步时会是一个函数
{
    type: 'userAction', // 肯定会有type属性
    ...state // 其他扩展属性；state是一个对象，这里用到es6解构语法，把key-value对拷贝到当前对象
}

在真实App，最聪明的做法就是给每个Action构建最好尽量带上index来标记。

{
  type: 'userAction',
  index: 5,
  ...state
}

Action Creator

传统Flux的Action Creator：

function actionCreater (text) {
  const temp = {
    type: 'USER_ACTION',
    ...text
  }
  dispatch(temp)
}

但是Redux的Action Creator是这样：

// action creator
function addTodo (text) {
  return {
    type: 'USER_ACTION',
    ...text
  }
}

// 虽然不像Flux，但是可以模拟Flux做自动dispatch，唯一只做的就是调用actionCreater
const actionCreater = text => { dispatch(addTodo(text)) }

// 调用
actionCreater({
  name: 'ljm'
})

其实到最后也是调用这个函数返回的对象，用于传去Reducer。