Встречается на собеседованиях • сегодня
Приведи пример использования 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
}, []);
```
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы