报错信息:
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'))