React正在渲染多个小部件(widgetbot.io),而不仅仅渲染一次。
React中的问题:React渲染多个小部件(widgetbot.io),而不是只渲染一次。
原因:
如果useEffect没有任何依赖项,组件本身只会被调用一次。
解决方法:
可以参考以下答案:
React Hooks: useEffect() is called twice even if an empty array is used as an argument
React在渲染时出现了多个小部件(widgetbot.io),而不是只渲染一次。这是由于在根树中使用了<StrictMode>导致的。
StrictMode是一种用于凸显应用程序中潜在问题的工具。
它会为其后代激活额外的检查和警告,换句话说...会进行两次渲染。
注意:StrictMode检查仅在开发模式下运行,不会影响生产构建。
关于如何使useEffect()运行两次的详细答案,请访问stackoverflow.com/a/72238236/15288641。
解决此问题的方法是在根组件中删除StrictMode。