Встречается на собеседованиях • сегодня
Приведи пример использования Refs
Refs в React позволяют получать прямой доступ к DOM-элементам или экземплярам компонентов. Чаще всего используются для:
1. Фокуса на инпуте при монтировании:
```jsx
function AutoFocusInput() {
const inputRef = useRef(null);
useEffect(() => {
inputRef.current.focus();
}, []);
return ;
}
```
2. Доступа к DOM-свойствам (например, размеры элемента):
```jsx
const divRef = useRef(null);
useEffect(() => {
console.log(divRef.current.clientWidth);
}, []);
return
Measure me
;
```
3. Хранения мутируемых значений между рендерами (без триггера ререндера):
```jsx
const renderCount = useRef(0);
useEffect(() => {
renderCount.current += 1;
});
```
Важно: не злоупотребляйте refs, так как это нарушает React-парадигму. Используйте их только когда стандартные методы (props, state) не подходят.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы