Почему я не могу сбросить состояние до исходного? [Перевождь]

Question

Я хочу понять, почему этот пример не работает?

case "RESET":
  return initialState;

Настроить пример:

https://codesandbox.io/s/nervous-bas-oqd4v?fontsize=14&hidenavigation=1&theme=dark

UPD: Проблема в мутации

Answer 1

Не изменяйте состояние в вашем редукторе, вы можете установить значение следующим образом

case 'CHANGE_PARAM':
  return {
    ...state,
    params: state.params.map((p, i) =>
      i === action.index
        ? { ...p, value: action.payload }
        : p
    ),
  };

Ваши входные компоненты являются неуправляемыми компонентами и не могут быть установлены с любым значением, потому что у них нет свойства значения:

<input onChange={onChangeValue} />

Попробуйте вместо этого:

<input onChange={onChangeValue} value={props.value} />