useEffect 依赖数组写错,组件无限循环了

事故现场
function UserProfile({ userId }) {
const [user, setUser] = useState(null);

useEffect(() => {
fetchUser(userId).then(data => {
setUser(data); // 设置状态
});
}, []); // ❌ 依赖数组为空,但用到了 userId

return

{user?.name}
;
}

修复后

useEffect(() => {
fetchUser(userId).then(data => {
setUser(data);
setCount(count + 1); // ❌ 漏了 count 依赖
});
}, [userId]); // ESLint 警告被 ignore 了

posted @ 2026-03-23 12:32  去年冬天见了一面  阅读(7)  评论(0)    收藏  举报