错误如下:

 分析报错原因:

        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/> );

保存,就可以看到错误没了。

ok。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐