Встречается на собеседованиях • сегодня
Что такое useImperativeHandle
`useImperativeHandle` — это хук React, который позволяет кастомизировать экземпляр компонента, доступный через `ref`. Он полезен, когда родительскому компоненту нужно напрямую вызывать методы дочернего компонента.
**Пример:**
```jsx
import { forwardRef, useImperativeHandle, useRef } from 'react';
const ChildComponent = forwardRef((props, ref) => {
const inputRef = useRef();
useImperativeHandle(ref, () => ({
focus: () => inputRef.current.focus(),
clear: () => (inputRef.current.value = ''),
}));
return ;
});
function ParentComponent() {
const childRef = useRef();
return (
<>
</>
);
}
```
**Нюансы:**
- Работает только с `forwardRef`.
- Не злоупотребляйте им — нарушает инкапсуляцию.
- Альтернатива — подъем состояния или колбэки.

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