Встречается на собеседованиях • сегодня
Как из родителя обратиться к 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 ;
});
```
Важно: это нарушает инкапсуляцию компонентов, поэтому используйте осторожно. Лучше управлять состоянием через пропсы.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы