錯(cuò)誤如下:
?分析報(bào)錯(cuò)原因:
????????React團(tuán)隊(duì)目前推出最新的版本為18.0,在18.0版本中,React不再支持 ReactDOM.render,如果使用ReactDOM.render,控制臺(tái)就會(huì)報(bào)錯(cuò),但并不影響程序的正常運(yùn)行。
解決方法:
修改index.js文件中的報(bào)錯(cuò)寫法。使用createRoot。
報(bào)錯(cuò)寫法如下:
//渲染App到頁(yè)面
ReactDOM.render( < App/> , document.getElementById('root'))
只需要將其改為如下寫法就能消除控制臺(tái)報(bào)錯(cuò)信息:
//渲染App到頁(yè)面
import {
createRoot
} from 'react-dom/client';
const container = document.getElementById('root');
const root = createRoot(container);
root.render( <App/> );
保存,就可以看到錯(cuò)誤沒(méi)了。文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-601301.html
ok。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-601301.html
到了這里,關(guān)于React控制臺(tái)報(bào)錯(cuò)ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you swit的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!