Когда вызывается cleanup-функция?

Question

Cleanup-функция вызывается перед повторным выполнением эффекта и при размонтировании компонента. Если у эффекта пустой массив зависимостей, cleanup вызовется только при unmount. В StrictMode в dev-режиме cleanup может вызываться чаще. Это нормальное поведение.

YeaHub · Accepted Answer

Cleanup — это часть жизненного цикла эффекта и он строго привязан к зависимостям.ОпределениеCleanup — логика очистки эффекта перед его повторным запуском или удалением компонента.Сценарии вызова cleanupUnmount компонентаКомпонент удаляется из DOM.Изменение зависимостейСтарый эффект очищается.Затем запускается новый эффект.StrictMode (dev)Эффект и cleanup вызываются дополнительно для проверки.Пример с зависимостьюuseEffect(() => {
  console.log("effect for", id);

return () => {
    console.log("cleanup for", id);
  };
}, [id]);
Поведениеid меняется.Выполняется cleanup для старого id.Запускается эффект для нового id.ВыводCleanup-функция всегда вызывается перед уничтожением эффекта — либо из-за изменения зависимостей, либо при размонтировании компонента.