为什么一行中的一个控制台日志从初始渲染开始出现 6 次?

why one console log from one line appears 6 times from initial render?

我刚刚学习 React,遇到了一个我找不到解释的事情。 我知道使用 React 严格模式会使控制台日志加倍。但是为什么6次对我来说是个谜。这是我第一次遇到它的时候,它是获取功能的典型设置 example is here 而且我也不确定发生这种情况时它如何影响应用程序的性能。该应用程序这样做是否有害?或者这种效果是否与仅获取数据有关并且是一种常态?

  1. 第一个日志是因为挂载了组件。
  2. 第二个日志是因为状态变化:setProducts(products)
  3. 第三个日志是因为状态改变:setLoading(false)

在 StrictMode 中是组件 rendered twice。 2 x 3 = 6 console.logs