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的代码

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

这篇好文章是转载于：学新通技术网