我想知道为什么调用React useState会使功能组件执行两次。 请查看示例。
通过以下主体实例化虚拟组件:
const Dummy = () => {
console.log('[Dummy] starting');
return (
<p>Dummy</p>
)
};
输出:
[App] start
[Dummy] starting
但是对于以下身体:
const Dummy = () => {
const [loading, setLoading] = useState(false);
console.log('[Dummy] starting');
return (
<p>Dummy</p>
)
};
控制台显示:
[App] start
[Dummy] starting
[Dummy] starting
两种情况的通用父代码:
const app = () => {
console.log('[App] start');
return (
<Dummy />
);
};
谢谢。