Блог

Я прохожу онлайн-курс React, в рамках которого мы создали практический проект, имеющий форму с двумя полями ввода. Существуют проверки правильности входных данных, и функция useState set используется для сброса полей после того, как допустимые записи подтверждаются нажатием кнопки и передаются в список элементов. Все работает. На самом деле я связался с TAs и дал им скриншот того, что я испытываю.

При нажатии кнопки подтверждения поля формы сбрасываются, и элемент отображается в списке на странице, но курсор автоматически фокусируется на втором поле. TAs предложил мне попробовать точный код ресурса курса вместо моего. Я сделал это, и проблема все еще возникает. Они говорят, что не понимают этого, и это может быть связано с браузером, но я использую последнее обновление Chrome, с этим в Chrome, Справка, Информация о:

Chrome обновлен до версии 94.0.4606.81 (Официальная сборка) (64-разрядная версия)

У кого-нибудь есть какие-нибудь идеи, как я мог бы это отследить? Я пошел дальше, но мне действительно хотелось бы знать, что является причиной этого, и попытаться что-то сделать, чтобы исправить это, поэтому, если я собираюсь сфокусировать курсор, он должен быть на первом поле ввода, а не на втором.

Я мог бы дать точный код, но проект включает в себя множество функций. Может быть, если у кого-то есть идея, они могли бы помочь мне понять, где в коде это может происходить.