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

Приведи пример использования componentDidMount в React

`componentDidMount` — это метод жизненного цикла React-компонента, который вызывается после монтирования компонента в DOM. Он идеально подходит для выполнения побочных эффектов, таких как запросы к API, подписки на события или работа с DOM. ```jsx import React, { Component } from 'react'; class ExampleComponent extends Component { componentDidMount() { // Запрос данных при монтировании fetch('https://api.example.com/data') .then(response => response.json()) .then(data => this.setState({ data })); // Подписка на событие window.addEventListener('resize', this.handleResize); } componentWillUnmount() { // Отписка при размонтировании window.removeEventListener('resize', this.handleResize); } handleResize = () => { console.log('Window resized'); }; render() { return
Check the console and network tab!
; } } ``` В функциональных компонентах аналогом является хук `useEffect` с пустым массивом зависимостей: ```jsx useEffect(() => { // Код аналогичный componentDidMount }, []); ```
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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