You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在基于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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.06 21:10:20