react警告之react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18.

react-dom.development.js:86 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. Lear

一颗刘溜梅

3740人浏览 · 2022-10-08 11:07:22

一颗刘溜梅 · 2022-10-08 11:07:22 发布

由于React团队在2022年3月29日推出了react 18，所以ReactDOM.render()方法不再支持，控制台会报出警告
在这里插入图片描述
建议你使用createRoot,注释掉的语句为之前的方法

// 引入React核心库
import React from "react";
// import ReactDOM from "react-dom";
// 引入App组件
import App from './App'
// ReactDOM.render(<App/>,document.getElementById('root'))
使用createRoot
import { createRoot } from 'react-dom/client';
const container = document.getElementById('root');
const root = createRoot(container);
root.render(<App/>);