如何在不更改沒有新值的屬性的情況下更新對象的狀態？

Question

我有這個減速器。

case UPDATE_ENDPOINT:
  return <IState>state.map(endpoint =>
    endpoint.ocid === action.endpoint.ocid
      ? { 
        ...endpoint, 
        name: action.endpoint.name,
        hostname: action.endpoint.hostname,
        origin: action.endpoint.origin,
        originType: action.endpoint.originType,
        originValidation: action.endpoint.originValidation,
      }
      : endpoint
  );

假設在我的操作有效負載中，我只有endpoint.name和endpoint.hostname ，那么reduce會將未在有效負載中傳遞的值設置為undefined 。 如何使減速器僅更新動作有效負載中的值，並使那些不在動作有效負載中的值保持不變？

Answer 1

最簡單的方法是使用對象傳播語法：

case UPDATE_ENDPOINT:
  return <IState>state.map(endpoint =>
    endpoint.ocid === action.endpoint.ocid
      ? { 
        ...endpoint, 
        ...action.endpoint
      }
      : endpoint
  );