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

最新推荐文章于 2026-03-27 17:17:50 发布

原创最新推荐文章于 2026-03-27 17:17:50 发布 · 8k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#reactjs

收录于

本文介绍了在React 18版本更新中，如何将ReactDOM.render()方法替换成createRoot()以适应新架构。通过实例演示了如何在BrowserRouter中进行切换组件，确保代码的兼容性和性能优化。

出现这个警告是因为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')
// );

得到解决