Redux reducer添加到数组中，而不是覆盖它

在Redux中，reducer是一个纯函数，用于处理应用程序的状态变化。它接收先前的状态和一个action作为参数，并返回一个新的状态对象。当我们需要将新的数据添加到数组中而不是覆盖它时，我们可以通过以下步骤来更新reducer。

1. 首先，我们需要定义一个初始状态，该状态包含一个数组，用于存储数据。

const initialState = {
  data: []
};

1. 接下来，我们需要创建一个reducer函数来处理不同的action类型。在这个reducer函数中，我们将根据action的类型来决定如何更新状态。

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'ADD_TO_ARRAY':
      return {
        ...state,
        data: [...state.data, action.payload]
      };
    default:
      return state;
  }
};

在上面的代码中，我们定义了一个ADD_TO_ARRAY的action类型，当这个action被触发时，reducer会将action.payload添加到state.data数组中。

1. 最后，我们需要创建一个store来管理应用程序的状态。我们可以使用Redux提供的createStore函数来创建一个store，并将reducer传递给它。

import { createStore } from 'redux';

const store = createStore(reducer);

现在，当我们想要将新的数据添加到数组中时，我们可以通过dispatch一个包含ADD_TO_ARRAY类型和相应payload的action来触发reducer的更新。

store.dispatch({ type: 'ADD_TO_ARRAY', payload: newData });

这样，reducer就会将newData添加到state.data数组中，而不是覆盖它。

总结：

• Redux是一个用于管理应用程序状态的库。
• Reducer是一个纯函数，用于处理状态的变化。
• 通过定义不同的action类型和相应的reducer逻辑，我们可以实现对状态的更新。
• 当需要将新的数据添加到数组中而不是覆盖它时，我们可以在reducer中使用展开运算符和数组的push方法来实现。
• 腾讯云相关产品和产品介绍链接地址：腾讯云云服务器、腾讯云云数据库、腾讯云云原生应用引擎等。