为什么react函数执行两次，而控制台只打印一次

Question

每个人我最近在学习如何反应。正如这个链接所说，我学到了一个教训：react函数加载两次。但当我验证它时，我发现它确实加载了两次，但Chrome浏览器只打印了一次。我想知道为什么？这是我验证过的代码。

let count = 0;
function App() {
const [state, setState] = useState(1);

count++;
console.log(count);
console.log(`I have run ${count} time(s)!`);
return (
   <div>
     <button onClick={() => setState((e) => e + 1)}>{state}</button>
   </div>
);

我认为铬应该混合。日志

1 App.js： 9我已经跑了1次！2pp.js： 9我已经跑了两次了！

我想知道为什么。非常感谢。

Answer 1

答案在链接的第二条评论中。发生这种情况是因为它是在并发模式下运行的，以启用并发模式替换ReactDOM。使用ReactDOM进行渲染。createRoot（rootNode）。render（）。搜索什么是并发模式，目前正处于开发阶段。在严格模式下也可以看到渲染两次。