Встречается на собеседованиях • сегодня
Что такое пользовательский hook
Пользовательский хук — это функция, которая использует стандартные хуки React (useState, useEffect и др.) для создания переиспользуемой логики. Они позволяют инкапсулировать сложное поведение и легко делиться им между компонентами.
Пример:
```javascript
import { useState, useEffect } from 'react';
function useWindowWidth() {
const [width, setWidth] = useState(window.innerWidth);
useEffect(() => {
const handleResize = () => setWidth(window.innerWidth);
window.addEventListener('resize', handleResize);
return () => window.removeEventListener('resize', handleResize);
}, []);
return width;
}
// Использование в компоненте
function Component() {
const width = useWindowWidth();
return
Window width: {width}px
;
}
```
Особенности:
- Имя всегда начинается с `use`
- Может вызывать другие хуки
- Позволяет избежать дублирования кода
- Делает компоненты чище и понятнее
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы