javascript - 带有动态键的Javascript React Switch Case？

Question

const changeSelectValue = (state, action) => {
switch (action.id) {
    case 'myFirstKey':
        updatedState = {
            ...state,
            myFirstKey: action.value
        }
    case 'mySecondKey':
        updatedState = {
            ...state,
            mySecondKey: action.value
        }
        break;
    default:
        break;
}}

我真的找不到解决方案或不知道如何搜索它，所以也许您可以提供帮助。此 switch case 通过 action.id 更新状态内的键

由于我有很多不同的键要处理，这个开关盒变得非常长，必须有办法让这种方式更简单，但我无法让它工作。谢谢！

标签： javascriptreactjsdynamicswitch-statementkey

Answer 1

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

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