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

Как можно подцепиться к этапам жизненного цикла функционального компонента

В функциональных компонентах используются хуки для работы с жизненным циклом:

useEffect - основной хук для side effects:

jsx

useEffect(() => {
  // Аналог componentDidMount
  console.log('Компонент смонтирован');
  
  return () => {
    // Аналог componentWillUnmount
    console.log('Компонент размонтируется');
  };
}, []); // Пустой массив зависимостей = только на mount/unmount

useEffect(() => {
// Аналог componentDidUpdate
console.log('Компонент обновился');
}); // Без массива зависимостей = при каждом рендере

text


2. `useLayoutEffect` - аналогичен `useEffect`, но срабатывает синхронно после рендера, до отрисовки в браузере. Полезен для работы с DOM.

3. Для контроля ререндеров можно использовать `useMemo` и `useCallback` для мемоизации значений и функций.

4. `useState` и `useReducer` позволяют управлять состоянием компонента.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!

Попробовать бесплатно

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

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

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы