react报错ReactDOM.render is no longer supported in React 18. 解决

报错信息：
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

ReactDOM。React 18不再支持渲染。使用createRoot代替。在您切换到新的API之前，您的应用程序将表现得像在运行React 17

原因：
React团队目前推出最新的版本为18.0，在18.0版本中，React 18 不再支持 ReactDOM.render

控制台报错：

解决方法：
在index.js文件内使用createRoot即可

import React from 'react'
import ReactDOM from 'react-dom'
import TopList from './TopList'

// 解决报错的写法  使用createRoot
import { createRoot } from 'react-dom/client';
const container = document.getElementById('root')
const root = createRoot(container)
root.render(<TopList/>)

// 报错的写法
// ReactDOM.render( < TopList /> , document.getElementById('root'))