Встречается на собеседованиях • сегодня
Какие есть 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-элементам
- Хранения мутабельных значений без перерисовки
- Интеграции со сторонними библиотеками
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы