Флажок с начальными значениями true отображается без проверки при обновлении

Question

Я вижу это в Edge и IE. У меня есть флажок, который инициализируется с использованием initialValues ​​в true. При первом посещении он отображается правильно, как проверено со значением true, однако после обновления страницы через браузер флажок не проверяется, но все еще имеет значение true. Поскольку я могу продолжать обновлять страницу, флажок продолжает переключаться таким образом, отмеченным, а затем не отмеченным при следующем обновлении. редуксная форма 7.2.3 реагирует 15.6.2.

Спасибо

Answer 1

ответ Роя правильный. Добавление некоторого контекста в форме редукса, передача checked компоненту Field переопределит нормальное поведение. Нормальное поведение - сравнивать, если значение, сохраненное в состоянии формы-редуктора, совпадает со значением prop, указанным в Field, если проверенная пропа имеет значение true.

Так, например, если состояние хранилища равно values: { test: true }, а у вашего Field есть value={true}, тогда конечный результат - проверенная пропа - истина.

Переключатель обновления F5, скорее всего, предполагает, что инициализация значений меняется при каждом обновлении. Трудно помочь вам, кроме общего утверждения без четких шагов воспроизведения.

Answer 2

Флажок value - это то, что будет связано с его именем , если установлен флажок . Установка флажка не должна изменять значение, оно должно изменять свойство checked .

Это не относится к редукс-форме, это просто то, как элементы формы предназначены для работы. Похоже, что при редуксе требуется вместо него использовать value, а работает неправильно .

В любом случае, я думаю, что вы хотите специально обработать свойство checked с чем-то вроде checked={value}.