React控制台警告Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until

出现这个警告是因为ReactDOM.render()方法在react18中不支持了，createRoot()作为替换代码改为

import { createRoot } from 'react-dom/client';

const container = document.getElementById('root');
const root = createRoot(container);

root.render(<BrowserRouter>
  <Switch>
    <Route path="/" component = {App} />
  </Switch>
</BrowserRouter>
)

替换掉原来的

// ReactDOM.render(
//   <BrowserRouter>
//     <Switch>
//       <Route path="/" component = {App} />
//     </Switch>
//   </BrowserRouter>,
//   document.getElementById('root')
// );

得到解决