У меня был модал с простой формой, в которой было только поле ввода , и я хотел сфокусировать этот элемент, как только модал был добавлен в DOM с помощью React.
Я начал думать о множестве различных способов сделать это, возможно, используя useEffect() для запуска события, когда компонент был добавлен в DOM, или используя ref prop для создания ссылки на элемент DOM и вызова его focus() метод но потом я понял, что думаю слишком сложно, и просто использование атрибута autofocus HTML для элемента может сработать.
И это произошло. Помните, что это автоФокус в JSX, с большой буквы F :
Оригинал: “https://flaviocopes.com/react-focus-input-field/”