React报错：Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until y

新建的React项目，启动后控制台警告如下：

Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot

解决办法：

修改index.js入口文件为：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';// 使用createRoot
import { createRoot } from 'react-dom/client';
const container = document.getElementById('root');
const root = createRoot(container);
root.render(<App />);// ReactDOM.render(  // 原来的代码
//   <React.StrictMode>
//     <App />
//   </React.StrictMode>,
//   document.getElementById('root')
// );// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();

控制台警告消失。

React报错：Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until y相关推荐

报错Warning: ReactDOM.render is no longer supported in React 18.Use createRoot instead.Until you...
报错不影响正常渲染页面,报错图示: 翻译如下: 反应域.React 18中不再支持渲染.改用createRoot.在你切换到新的API之前,你的应用程序将表现得像运行React 17.了解更多信息:h ...
react脚手架创建项目报错，ReactDOM.render is no longer supported in React 18.
react脚手架创建项目报错,ReactDOM.render is no longer supported in React 18. 最近新写一个react的项目,但是发现已经更新到了18.0的版本, ...
关于React18控制台报错：ReactDOM.render is no longer supported in React 18 Use createRoot instead. Until.....
React团队在3月29日新推出了React v18.0版本,现在npm 默认的就是18版本,由于React 18 不再支持 ReactDOM.render.控制台会抛出: Warning: Reac ...
React控制台警告Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until
出现这个警告是因为ReactDOM.render()方法在react18中不支持了,createRoot()作为替换代码改为 import { createRoot } from 'react-dom ...
Warning: ReactDOM.render is no longer supported in React 18.
在学习react出现这个错误说明ReactDOM.render()方法在react18中已经不支持了,但是是警告,仍然可以运行, 改正方法如下: 1.首先记得要import!!! 2.对照下列形式更改 ...
ReactDOM.render is no longer supported in React 18. Use createRoot instead.
ReactDOM.render is no longer supported in React 18. Use createRoot instead. 一.控制台报错如下二.原因三.解决方案一. ...
React18警告:ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until youswitc
由于React 18 不再支持 ReactDOM.render.控制台会抛出: 解决办法:index.js入口文件中改用 createRoot import React from 'react' // ...
React报错Warning: This synthetic event is reused for performance reasons. If you‘re seeing this, 解决方法
项目场景: 使用React的NavLink标签作为菜单列表,点击菜单列表按钮,动态更换菜单名称问题描述点击菜单NavLink时报错出现如下信息 Warning: This synthetic ev ...
使用Umi SSR 报错 Warning: Did not expect server HTML to contain a ＜div＞ in ＜div＞.
问题描述: 使用umi进行服务端渲染报错 Warning: Did not expect server HTML to contain a <div> in <div>. 解 ...

React报错：Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until y

React报错：Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until y相关推荐

最新文章

热门文章