Встречается на собеседованиях • сегодня
Как реализовать этапы жизненного цикла компонента в React
В React классовые компоненты имеют методы жизненного цикла, а функциональные - хуки. Основные этапы:
**Классовые компоненты:**
1. `componentDidMount()` - после монтирования
2. `componentDidUpdate(prevProps, prevState)` - после обновления
3. `componentWillUnmount()` - перед размонтированием
**Функциональные компоненты (хуки):**
```jsx
useEffect(() => {
// componentDidMount
return () => {
// componentWillUnmount
};
}, []);
useEffect(() => {
// componentDidUpdate
}, [dependencies]);
```
**Пример с хуками:**
```jsx
function Timer() {
const [count, setCount] = useState(0);
useEffect(() => {
const timer = setInterval(() => {
setCount(c => c + 1);
}, 1000);
return () => clearInterval(timer); // cleanup
}, []);
return
{count}
;
}
```
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы