在 redux 減速機中更新 state 的更好方法

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

你的兩個例子都可以。

根據您的需要，您可以同時使用它們。

我個人更喜歡先解構payload，然后像這樣將它們插入到新的state object中。

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