React Redux:如何向reducer中的空对象添加属性

React Redux是一个用于管理应用状态的JavaScript库，它结合了React和Redux两个库的功能，提供了一种可预测且可维护的方式来管理应用的状态。

在React Redux中，reducer是一个纯函数，负责处理应用状态的变化。当有动作(action)被派发(dispatch)到Redux Store时，reducer将根据动作的类型来更新应用的状态。在处理对象类型的状态时，我们可以使用展开运算符(...)来向空对象添加属性。

下面是一个示例，演示如何向reducer中的空对象添加属性：

// 定义初始状态
const initialState = {};

// 定义reducer函数
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'ADD_PROPERTY':
      return {
        ...state, // 使用展开运算符保留原有的属性
        newProperty: action.payload // 向空对象添加新的属性
      };
    default:
      return state;
  }
};

// 创建Redux Store并应用reducer
const store = createStore(reducer);

// 派发动作来更新状态
store.dispatch({ type: 'ADD_PROPERTY', payload: 'new value' });

// 获取更新后的状态
const updatedState = store.getState();

console.log(updatedState);

在上述示例中，我们定义了一个reducer函数，它接收当前的状态和动作作为参数。当派发一个名为'ADD_PROPERTY'的动作时，reducer会使用展开运算符(...)将原有的属性复制到新的对象中，然后向新对象添加名为'newProperty'的属性。最后，Redux Store会更新应用的状态，并且我们可以通过调用getState()方法来获取更新后的状态。

以上是关于React Redux如何向reducer中的空对象添加属性的解答。如果你想了解更多关于React Redux的信息，可以参考腾讯云的相关产品Redux+React应用实践指南：链接地址。