Reactjs React list.map（）渲染两次

我想在单击按钮时显示一个带有简单项目列表的仪表板。应用程序使用React

当执行

items.map（）

时，我在渲染中添加了一些

console.log（）

，我注意到console.log（）出现了两次

提供了代码

---

我想知道为什么它会呈现两次。你知道会发生什么吗？谢谢。

这与

map（）

或任何其他实现功能无关。这与开发中的

StrictMode

工作有关。这是由丹·阿布拉莫夫解释的

您可以从

索引.js中删除
，并看到此效果消失

这不会影响您在生产构建中的应用程序。
好的。谢谢你的回答。我们应该如何将StrictMode的效果与应用程序中的实际错误行为区分开来？我认为，您可以使用
控制台。log
内部
shouldComponentUpdate（）
而不是
渲染（）
（或者如果使用react钩子，可以使用
内部
useffect（）
）。