javascript - 删除 reducer 中的动态属性

Question

我想动态地将我想要与有效负载一起删除的条目的ID传递到reducer中，并且我正在尝试删除一个对象属性(具有“eowvw698x”id的属性，它是动态的并且可能会改变)并保留现有的。

case DELETE_ENTRY:
   return {
     ...state,
     diaryEntries: {
       ...state.diaryEntries,
       ??????
     },
   };

我怎样才能实现这个目标？

编辑

我使用了 Vencovsky 的答案和 Klaycon 的评论建议并写道:

case DELETE_ENTRY:
  const { [payload]: dontcare, ...otherProperties } = state.diaryEntries;
  return {
    ...state,
    diaryEntries: {
      ...otherProperties,
    },
  };

其他人的解决方案变异了状态对象，这是最高算法所禁止的。

Answer 1

您可以破坏state.diaryEntries来删除该id

   const { eowvw698x, ...otherProperties } = state.diaryEntries

   return {
     ...state,
     diaryEntries: {
       ...otherProperties 
     },
   };

或者

这不是最好的方法，但您可以将其设置为未定义。

   return {
     ...state,
     diaryEntries: {
       ...state.diaryEntries,
       eowvw698x: undefined 
     },
   };

编辑

正如评论中所说，您正在寻找的是动态破坏变量，您可以在 this question 中了解如何执行此操作。 .

但对于您的示例，您可以做的是破坏并命名变量，然后将其删除。

   const { [keyToRemove]: anyVariableNameYouWontUse, ...otherProperties } = state.diaryEntries

   return {
     ...state,
     diaryEntries: {
       ...otherProperties 
     },
   };