Ответ
В React классовые компоненты имеют методы жизненного цикла, а функциональные используют хуки. Пример с классом:
class Example extends React.Component {
componentDidMount() {
console.log('Компонент монтирован');
// Загрузка данных, подписки
}
componentDidUpdate(prevProps) {
if (this.props.value !== prevProps.value) {
console.log('Значение пропса изменилось');
}
}
componentWillUnmount() {
console.log('Компонент будет размонтирован');
// Отписки, очистка таймеров
}
render() {
return <div>{this.props.value}</div>;
}
}
Для функциональных компонентов:
function Example({ value }) {
useEffect(() => {
console.log('Монтирование/обновление');
return () => console.log('Размонтирование');
}, [value]); // Зависимости
return <div>{value}</div>;
}