React list.map() 渲染两次
React list.map() renders twice
我想在单击按钮时显示一个包含简单项目列表的仪表板。该应用程序使用 React.
我在渲染中添加了一些 console.log()，当执行 items.map() 时，我注意到 console.log() 出现了两次。
代码已提供here。
我想知道为什么它会渲染两次。你知道会发生什么吗？谢谢。
这与 map() 或任何其他实施功能无关。这与 StrictMode 的开发工作有关。 Dan Abramov here.
解释了这一点
您可以从 index.js 中删除 <StrictMode> 并看到此效果消失。
这不会影响您在生产构建中的应用程序。
我想在单击按钮时显示一个包含简单项目列表的仪表板。该应用程序使用 React.
我在渲染中添加了一些 console.log()，当执行 items.map() 时，我注意到 console.log() 出现了两次。
代码已提供here。
我想知道为什么它会渲染两次。你知道会发生什么吗？谢谢。
这与 map() 或任何其他实施功能无关。这与 StrictMode 的开发工作有关。 Dan Abramov here.
您可以从 index.js 中删除 <StrictMode> 并看到此效果消失。
这不会影响您在生产构建中的应用程序。