React常见错误（一）

ReactDOM.render错误

程序正常运行 ，控制台报错：react-dom.development.js:86 Warning: 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 17. Learn more:......

原因： 由于React 18 不再支持 ReactDOM.render

解决：

// 被注释的是之前ReactDOM.render的代码

import React from 'react';
// import ReactDOM from 'react-dom';
import { createRoot } from 'react-dom/client';
const title = React.createElement('h2', null, 'hhh');
// ReactDOM.render(title, document.getElementById('root'))
//以上一句代码被下面两行代替
const root = createRoot(document.getElementById("root"));
root.render(title);