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

Как реализовать этапы жизненного цикла компонента в 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}
; } ```
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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