Встречается на собеседованиях • сегодня
Как получить данные из дочернего компонента
В React можно получить данные из дочернего компонента несколькими способами:
1. **Callback-функция**
Передаем функцию из родителя в ребенка через props, ребенок вызывает её с нужными данными.
```jsx
// Parent
const handleChildData = (data) => console.log(data);
return ;
// Child
const Child = ({ onData }) => {
const data = "Hello";
return ;
};
```
2. **Ref + useImperativeHandle**
Если нужно вызвать метод ребенка из родителя.
```jsx
// Child
const Child = forwardRef((props, ref) => {
useImperativeHandle(ref, () => ({
getData: () => "Hello from child"
}));
return ;
```
3. **Context API / State Management**
Для сложных случаев можно использовать общее состояние (Redux, Zustand, Context).
Child
;
});
// Parent
const childRef = useRef();
console.log(childRef.current?.getData());
return 
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы