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

一、控制台报错如下

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

二、原因

React团队在3月29日新推出了React v18.0版本，现在npm 默认的就是18版本，而React 18 不再支持 ReactDOM.render，所以控制台才会抛出以上错误

三、解决方案

import App from './App';
import { createRoot } from 'react-dom/client';//更新后的写法
const container = document.getElementById('root');
const root = createRoot(container);
root.render(<App />);
 
//被注释的是之前ReactDOM.render的代码写法
//import ReactDOM from 'react-dom';
//import App from './App';
// ReactDOM.render(
//   <React.StrictMode>
//     <App />
//   </React.StrictMode>,
//   document.getElementById('root')
// );