我有一个父组件。
function ParentComponent(){
return (
//loading is asynchronous variable which changes on some event call.
{loading ? (
<ChildComponent></ChildComponent>
): (
<div>Some text...</div>
)}
)
}
和一个子组件
function ChildComponent(){
useEffect(() => {
console.log("render child component");
}, [])
return (
<div>This is child component</div>
)
}
问题是,每当加载状态更改为 true 时,子组件 useEffect 挂钩每次都会调用,即使我将 [] 数组作为 useEffect 挂钩的第二个参数传递。但是,如果我删除条件然后更改加载状态,useEffect 可以完美运行。