react-dom.development.js:73 Warning: ReactDOM.render is no longer supported in React 18. ...

于 2023-11-07 21:30:23 发布
阅读量327 收藏 1
点赞数
文章标签： javascript react.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57634092/article/details/134270979
版权

一、问题：react-dom.development.js:73 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot

意为：警告: React 18 不再支持 ReactDOM.render 方法。请改用 createRoot 方法。在切换到新的 API 之前，您的应用程序将表现得像在运行 React 17 一样。了解更多信息: How to Upgrade to React 18 – React"

二、原因

        在第一次安装react的情况下，npm 默认为18版本，由于React 18 不再支持 ReactDOM.render。

三、解决

日月星辰_Yy
关注
React学习一
weixin_63473024的博客
04-23 1380
​ React 是一个用于构建用户界面的 JavaScript 库。可以理解它只负责 MVC 中的视图层渲染，不直接提供数据模型和控制器功能。react-router 实现路由，redux 实现状态管理，可以使用它们来构建一个完整应用 react特点 ①声明式 React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React 能高效更新并渲染合适的组件。 以声明式编写 UI，可以让你的代码更加可靠，且方便调试 ②组件化 创建拥有各自状态的组件，再由这些组件
react-dom.development.js
11-01
babel.min.js下载，react相关的js包文件，助你快速入门react的hello world demo，省去找资料的时间，快人一步！
ReactDOM.render is no longer supported in React 18. Use createRoot instead.
kalrry
09-21 3313
React团队在3月29日新推出了React v18.0版本，现在npm 默认的就是18版本，而React 18 不再支持 ReactDOM.render，所以控制台才会抛出以上错误。
Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switc
南风花海的博客
08-06 1247
代码】Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switc。
Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead.
DongShanYuXiao的博客
05-21 2011
团队目前推出最新的版本为18.0，在18.0版本中，React不再支持 ReactDOM.render，如果使用ReactDOM.render，控制台就会报错，但并不影响程序的正常运行。修改index.js文件中的报错写法。使用createRoot。保存，重新运行，就没有报错了！
React控制台报错ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you swit
m0_59778008的博客
10-08 6719
React团队目前推出最新的版本为18.0，在18.0版本中，React不再支持 ReactDOM.render，如果使用ReactDOM.render，控制台就会报错，但并不影响程序的正常运行。修改index.js文件中的报错写法。使用createRoot。保存，就可以看到错误没了。
main.jsx:5 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more 代码实例
06-07
当你升级到 React 18 版本时，需要使用 `createRoot` API 进行挂载，下面是一个示例代码： ```jsx import React from "react"; import ReactDOM from "react-dom"; function App() { return <h1>Hello World!; } ...
react v15.6.2.js
08-24
React是Facebook推出的一款用于构建用户界面的JavaScript库，尤其适合构建单页面应用。它采用组件化的方式，使得代码更加模块化、易于维护。在React v15.6.2这个版本中，我们主要关注React的核心概念——Virtual DOM...
react用charts报 ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more
05-26
这个问题是因为React 18中已经废弃了ReactDOM.render方法，建议使用新的createRoot API来代替。可以按照以下步骤解决这个问题： 1. 确保你的React和ReactDOM版本都是18及以上。 2. 在你的代码中引入createRoot方法...
react报错ReactDOM.render is no longer supported in React 18. 解决
分享互联网的有趣知识~
10-06 2738
React 18不再支持渲染。使用createRoot代替。在您切换到新的API之前，您的应用程序将表现得像在运行React 17。React团队目前推出最新的版本为18.0，在18.0版本中，React 18 不再支持 ReactDOM.render。在index.js文件内使用createRoot即可。
react.development.js
12-06
react.development.js，练习react所需要的js，需要的欢迎下载
报错Warning: ReactDOM.render is no longer supported in React 18.Use createRoot instead.Until you...
super码力的博客
07-01 3753
报错Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17.
React18控制台报错Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead
stormkai的专栏
12-13 2362
react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot
React报错：Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until y
u010234868的专栏
09-08 2879
【代码】React报错：Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until y。
React控制台警告Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until
C1rq99的博客
04-12 7803
出现这个警告是因为ReactDOM.render()方法在react18中不支持了，createRoot()作为替换代码改为 import { createRoot } from 'react-dom/client'; const container = document.getElementById('root'); const root = createRoot(container); root.render(<BrowserRouter> <Switch> &l
Warning: ReactDOM.render is no longer supported in React 18.
m0_52749777的博客
05-25 4306
React错误：Warning: ReactDOM.render is no longer supported in React 18.
ReactDOM.render is no longer supported in React 18.
m0_52043522的博客
04-27 530
在运行React项目时，发现报如下错误： 点击报错后面的链接，可以看到官网的解释如下所示： 在安装时，默认会安装最新的18版本。 由于我近期刚学React，还是想跟老师的版本保持一致。所以，将它降低到17版本。输入：npm install react@17.x react-dom@17.x --save 再运行项目，就发现没有这个报错了。 打开项目的package.json文件，可以发现版本号已经降低了。 ...
react-dom.development.js:86 Warning: findDOMNode is deprecated and will be removed in the next major release.
最新发布
05-29
React.findDOMNode()方法是用于获取组件的DOM节点，但是这个方法已经被标记为不推荐使用，并将在未来的版本中被移除。替代方法是使用React.createRef()来创建ref对象，然后通过ref.current属性获取DOM节点。这种方式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值