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.js文件中的报错写法。使用createRoot。

报错写法如下：

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

只需要将其改为如下写法就能消除控制台报错信息：

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

保存，就可以看到错误没了。

ok。