我创建了一个全新的反应应用程序来自己测试这个,因为我的一个朋友面临这个问题。
App.js 代码 ->
function App() {
useEffect(() => {
console.log('on init gets called');
}, []);
return (
<>
Hello my first react app
</>
);
}
export default App;
应用程序中不存在其他组件。以下是index.js代码->
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
);
当我们第一次加载应用程序时,useEffect 中存在的 console.log 会打印两次。
我希望它只打印一次。
对我有用的调整 ->
删除了严格的反应模式,它可以正常工作。不确定是否有其他解决方案或为什么会发生这种情况。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)