React控制台报错ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you swit

エラーは次のとおりです。

 エラーの原因を分析します。

        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。