带有动态键的JavaScript React Switch Case？

Question

const Line = styled.hr`
  color: rgba(0, 0, 0, 0.65);
  margin-left: -100px;
`;

我找不到真正的解决方案，或者不知道如何搜索，所以也许您可以提供帮助。该开关盒通过action.id

更新状态内的键。

由于我要处理许多不同的键，所以这种开关盒变得非常长，因此必须有一种方法可以使这种方法更简单，但是我无法使其正常工作。谢谢！

Answer 1

如果它是动态的，则不需要开关。

const changeSelectValue = (state, action) => {
  updatedState = {
    ...state,
    [action.id]: action.value
  }
}

Answer 2

您可以尝试：

const changeSelectValue = (state, action) => {
   let updatedState = {...state}
   updatedState[action.id] = action.value
   return updatedState
}