如何在基于create-react-app的React 18项目中禁用Strict Mode?
在Create React App搭建的React 18项目中禁用Strict Mode的方法
直接修改项目入口文件就能完成禁用,步骤很简单:
- 打开项目
src目录下的main.jsx(如果你的项目是较旧的CRA版本,入口文件可能是index.js) - 找到包裹
<App />组件的<React.StrictMode>标签,把这对标签完全移除,只保留内部的<App />即可。
举个例子,修改前的入口代码大概是这样:
import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( <React.StrictMode> <App /> </React.StrictMode> );
修改后就变成:
import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( <App /> );
完成上述操作后,Strict Mode就被完全禁用了,开发环境下的双重渲染、严格模式警告等特性都会消失。
内容的提问来源于stack exchange,提问作者user20779272
相关产品推荐
相关产品推荐

