Redux 中的函数概念

action

1. action一用来描述动作行为的对象， 是一个必须具有type字段的JavaScript平面对象。type的值：是一个事件名称（自己定义）

该type字段应该是一个字符串，为该操作提供一个描述性名称，例如"todos/todoAdded". 我们通常把那个类型的字符串写成"domain/eventName"，其中第一部分是这个动作所属的特征或类别，第二部分是发生的具体事情。

2. action对象可以具有其他字段，其中包含有关所发生事件的附加信息。按照惯例，我们将这些信息放在一个名为payload.

例如：

const addTodoAction = {
   
  type: 'todos/todoAdded', //todoAdded添加事件，添加一个任务
  payload: 'Buy milk'     //附加信息
}

action 创建函数

action 创建函数：是一个创建并返回动作对象的无副作用的纯函数。我们通常使用这些，因此我们不必每次都手动编写动作对象：

const addTodo = text => {
   
  return {
   
    type: 'todos/todoAdded',
    payload: text
  }
}

reducer 函数

reducer 函数就是 一个根据当前状态（state）和动作类型（action.type），催化出想要的数据

reducer是一个无副作用的纯函数，它接收当前state和一个action对象，在必要时决定如何更新状态，并返回新状态(state, action) => newState

您可以将 reducer 视为事件侦听器，它根据接收到的action.type（事件）类型处理事件。

reducer函数必须始终遵循一些特定规则：

1. 应该只根据state和action参数计算新的状态值
2. 不允许修改现有的state的值
3. 他们不得执行任何异步逻辑、计算随机值或导致其他“副作用”

注意：一个应用程序应该只有一个根reducer 函数

function counterReducer(state = 0, action) {
   
   //根据action.type（事件）来书写逻辑
  if (action.type === 'counter/increment') {
   

    return {
   
      ...state,
      value: state.value + 1</