Как настроить автофокус в React?

Question

Я пытаюсь установить фокус на своей странице React, но она не работает, потому что обновления компонента, которые, я думаю, переопределяют componentDidUpdate.

Есть ли другой способ сделать это?

это код, который я обычно использую для фокусировки

document.querySelector("#input-box").focus();

Answer 1

Если вы используете реакцию, в идеале вы должны использовать ссылки и использовать их для установки фокуса. Проверьте принятый ответ для Установить фокус на ввод после рендеринга

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