为什么一行中的一个控制台日志从初始渲染开始出现 6 次?
why one console log from one line appears 6 times from initial render?
我刚刚学习 React,遇到了一个我找不到解释的事情。
我知道使用 React 严格模式会使控制台日志加倍。但是为什么6次对我来说是个谜。这是我第一次遇到它的时候,它是获取功能的典型设置
example is here
而且我也不确定发生这种情况时它如何影响应用程序的性能。该应用程序这样做是否有害?或者这种效果是否与仅获取数据有关并且是一种常态?
- 第一个日志是因为挂载了组件。
- 第二个日志是因为状态变化:
setProducts(products)
- 第三个日志是因为状态改变:
setLoading(false)
在 StrictMode 中是组件 rendered twice。 2 x 3 = 6 console.logs
我刚刚学习 React,遇到了一个我找不到解释的事情。 我知道使用 React 严格模式会使控制台日志加倍。但是为什么6次对我来说是个谜。这是我第一次遇到它的时候,它是获取功能的典型设置 example is here 而且我也不确定发生这种情况时它如何影响应用程序的性能。该应用程序这样做是否有害?或者这种效果是否与仅获取数据有关并且是一种常态?
- 第一个日志是因为挂载了组件。
- 第二个日志是因为状态变化:
setProducts(products)
- 第三个日志是因为状态改变:
setLoading(false)
在 StrictMode 中是组件 rendered twice。 2 x 3 = 6 console.logs