错误如下:
分析报错原因:
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/> );
保存,就可以看到错误没了。文章来源:https://www.toymoban.com/news/detail-601301.html
ok。文章来源地址https://www.toymoban.com/news/detail-601301.html
到了这里,关于React控制台报错ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you swit的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!