819просмотров
2 мая 2025 г.
questionScore: 901
Нашел кейс, где компонент не обновляется при изменении данных. В чем проблема? // Кастомный хук для получения данных пользователя
function useUserData(userId) { const [userData, setUserData] = useState(null); useEffect(() => { let isMounted = true; const fetchData = async () => { const response = await fetch(/api/users/${userId}); const data = await response.json(); if (isMounted) { setUserData(data); } }; fetchData(); return () => { isMounted = false; }; }, []); return userData;
}
// Компонент, использующий хук
function UserProfile({ userId }) { const userData = useUserData(userId); if (!userData) return <div>Загрузка...</div>; return ( <div> <h2>{userData.name}</h2> <p>Email: {userData.email}</p> </div> );
} Пишите свои варианты в комментариях, а завтра я опубликую правильный ответ. Подписывайся на @frontendino