在Redux Reducer中更新状态的更好方法

Question

请告诉我什么是更好的方法。两种方法都返回相同的结果。

payload = { value1: 'test1', value2: 'test2' }

示例1：

case EXAMPLE_TYPE:
  return {
    ...state,
    ...action.payload
  };

示例2：

case EXAMPLE_TYPE:
  return {
    ...state,
    value1: action.payload.value1,
    value2: action.payload.value2
  };

Answer 1

您的两个示例都可以。

根据需要，可以同时使用它们。

我个人更喜欢先对有效负载进行解构，然后再将其插入到新的状态对象中。

const { value1, value2 } = action.payload
return {
   ...state,
   value1,
   value2,
}