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

Какие есть Ref в функциональных компонентах

В функциональных компонентах React есть несколько способов работы с рефами: 1. `useRef` - основной хук для создания рефов. Возвращает мутабельный объект с полем `current`: ```jsx const inputRef = useRef(null); // ... ``` 2. Callback-рефы (устаревший способ, но иногда используется): ```jsx const [element, setElement] = useState(null); // ...
setElement(node)}>
``` 3. `forwardRef` - для передачи рефа в дочерний компонент: ```jsx const Child = forwardRef((props, ref) => { return
...
; }); ``` 4. `useImperativeHandle` - для кастомного API рефа: ```jsx useImperativeHandle(ref, () => ({ focus: () => { /* ... */ } })); ``` Рефы полезны для: - Доступа к DOM-элементам - Хранения мутабельных значений без перерисовки - Интеграции со сторонними библиотеками
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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