Какие возможности дает useEffect в React

useEffect позволяет выполнять побочные эффекты в функциональных компонентах. Основные возможности:

1. Запуск кода после рендера

   jsx

   Копировать

   useEffect(() => {
     console.log('Компонент отрендерился');
   });

2. Работа с подписками и очисткой

   jsx

   Копировать

   useEffect(() => {
     const subscription = someAPI.subscribe();
     return () => subscription.unsubscribe(); // Очистка
   }, []);

3. Контроль зависимостей

   jsx

   Копировать

   useEffect(() => {
     fetchData(userId);
   }, [userId]); // Срабатывает только при изменении userId

4. Монтирование/размонтирование

   jsx

   Копировать

   useEffect(() => {
     // Код при монтировании
     return () => {
       // Код при размонтировании
     };
   }, []);

Ключевые особенности:

• Выполняется после каждого рендера (если нет зависимостей)
• Может возвращать функцию очистки
• Позволяет избегать race conditions через cleanup