React控制台报错ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you swit

控制台警告：

分析原因： React团队目前推出最新的版本为18.0，在18.0版本中，React不再支持 ReactDOM.render，如果使用ReactDOM.render，控制台就会报错，但并不影响程序的正常运行。 解决方案： 修改index.tsx文件中的下发报错，使用createRoot方法

React18版本之前，index.tsx写法

// 渲染App到页面
ReactDOM.render(<App />, document.getElementById('root'));

React18版本之后，index.tsx写法

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

警告消除

OK**！**