【React】解决react执行两遍的问题
解决react执行两遍的问题
原因:
使用脚手架创建项目后默认会开启严格模式,在严格模式下,React 开发环境下会刻意执行两次渲染,用于突出显示应用程序中潜在问题。
解决:
将<React.StrictMode>
删除
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
// <React.StrictMode>
<App />
//</React.StrictMode>
);
总结
以上就是今天要讲的内容,希望对大家有所帮助!!!