Warning ReactDOM.render is no longer supported in React 18. Use createRoot instead

react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead.

初学React,控制台警告

在这里插入图片描述

翻译一下大概意思就是新版的 React18 不再使用 ReactDOM 了

index.js文件改为下面的

// import ReactDom from "react-dom"
import App from "./App.jsx"


import { createRoot } from 'react-dom/client';
const container = document.getElementById('root');
const root = createRoot(container);
root.render(<App />);


// ReactDom.render(
//     <App />,
//     document.getElementById("root")
// )

注释的是之前的写法


版权声明:本文为m0_51126511原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。