React 控制台报错ReactDOM.render não é mais suportado no React 18. Em vez disso, use createRoot. Até você mudar

O erro é o seguinte:

 Analise a causa do erro:

        A versão mais recente lançada pela equipe do React é a 18.0. Na versão 18.0, o React não oferece mais suporte ao ReactDOM.render. Se você usar o ReactDOM.render, o console relatará um erro, mas isso não afetará o funcionamento normal do programa.

Solução:

Modifique o relatório de erros no arquivo index.js. Use criarRoot.

O erro está escrito da seguinte forma:

//渲染App到页面
ReactDOM.render( < App/> , document.getElementById('root'))

Você só precisa alterá-lo para o seguinte para eliminar a mensagem de erro do console:

//渲染App到页面
import {
    createRoot
} from 'react-dom/client';
const container = document.getElementById('root');
const root = createRoot(container);
root.render( <App/> );

Salve e você verá que o erro desapareceu.

OK.