react警告之react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18.dva

因忍而解

于 2023-06-06 22:54:24 发布

阅读量1.4k

点赞数 2

分类专栏：前端框架文章标签： javascript react.js 前端

本文链接：https://blog.youkuaiyun.com/weixin_54079103/article/details/131077721

版权

前端框架专栏收录该内容

7 篇文章

订阅专栏

在Dva中，将React从17版本升级到18版本时，需要更新启动代码。使用`ReactDOM.createRoot`来替代原来的`ReactDOM.render`进行应用的挂载。引入新版本的ReactDOM，并在容器上创建根组件，然后用`root.render(app.start()())`来启动应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目场景：

使用dva开发react项目时,使用react17版本的方式行不通。

问题描述

使用dva开发react项目时,使用react17版本，但目前需要使用18版本

import dva from "dva";
import router from "./router";

const app=dva()

app.router(router)
app.start()

原因分析：

react17版的dva开发不适用了

解决方案：

react18版本dva配置（这里使用了tsx，jsx类似）

import dva from "dva";
import router from "./router";
// import React from "react";
import ReactDOM from 'react-dom/client';
import './index.css'

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

const app=dva()
app.router(router)

root.render(app.start()())