У меня есть приложение ReactJS, и я создал контролируемый компонент, используя простой тег HTML.
Проблема заключается в том, что при обновлении на странице в Microsoft крае с помощью кнопки обновления или при нажатии клавиши F5 (когда выполняется ввод с панели навигации, все работает нормально), вводимые значения неясно, они застряли.Если я начну вводить какие-либо данные в моей форме, они исчезнут.
Доказательства: https://www.screencast.com/t/kJupEbHykZ1X
Я уже пробовал:
- очистка значений в windows.onload
- настройка autocomplete = 'off' для тега ввода
- создание функций тайм-аута.
Для тестирования я добавил повсеместно console.logs , чтобы убедиться, что все методы жизненного цикла вызываются, и что состояние в каждом из них пустое, и это так.
Я также сталкивался с этим сообщением: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/21174802/
Но, похоже, ничего из этого не устранило проблему.
<input
id={`input-${id}`}
key={`input-${id}`}
type={inputType}
value={value}
autoComplete="off"
onChange={this.handleValueChange}
/>