错误如下:
分析报错原因:
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。