Управление фокусом с помощью браузера API вместо ссылки в приложении React?

Question

Мне нужно управлять фокусом в приложении React.Мне нужно прослушать событие в родительском элементе и сосредоточиться на глубоко вложенном дочернем компоненте.

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

Простое использование getElementById вне React - это гораздо меньше кода и отлично работает для меня:1008 * Однако является ли это надежным решением?Коллега сказал мне, что из-за обновлений через виртуальный DOM этот метод может быть ненадежным, но я думаю, что Марси Саттон делала это на своем курсе FrontEnd Masters: https://frontendmasters.com/courses/javascript-accessibility/

Answer 1

Если многие вложенные компоненты являются самым большим препятствием, может быть, вы можете использовать context API для прохождения ref?Все эти идеи внесут свой вклад в технический долг, поэтому попробуйте рефакторинг как можно скорее.Исправление базы кода React иногда проще, чем кажется на первый взгляд.