Встречается на собеседованиях • сегодня

Как из родителя обратиться к DOM-элементу дочернего компонента в React

В React родительский компонент может получить доступ к DOM-элементу дочернего с помощью `ref`. Для этого: 1. В родителе создаем `ref` с помощью `useRef()` 2. Передаем этот `ref` в дочерний компонент через проп `ref` 3. В дочернем компоненте используем `forwardRef` и прикрепляем его к нужному элементу Пример: ```jsx // Родитель const Parent = () => { const childRef = useRef(); const handleClick = () => { childRef.current.focus(); // Доступ к DOM-элементу }; return ( <> </> ); }; // Дочерний (с forwardRef) const Child = forwardRef((props, ref) => { return ; }); ``` Важно: это нарушает инкапсуляцию компонентов, поэтому используйте осторожно. Лучше управлять состоянием через пропсы.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы