ReactDOM.render is no longer supported in React 18.

最新推荐文章于 2024-07-31 15:22:25 发布
最新推荐文章于 2024-07-31 15:22:25 发布
阅读量553 收藏 3
点赞数 4
分类专栏： 不定期Bug随手记 文章标签： 前端 react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_52043522/article/details/124453056
版权
在运行React项目时遇到版本不兼容错误。通过查阅官方文档，了解到默认安装的是最新18版本。为了与教程保持一致，选择将React和react-dom降级到17.x版本。使用`npm install react@17.x react-dom@17.x --save`命令成功安装，并在package.json中确认了版本已更新，问题得到解决。

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

在运行React项目时，发现报如下错误：
在这里插入图片描述
点击报错后面的链接，可以看到官网的解释如下所示：
在这里插入图片描述
在安装时，默认会安装最新的18版本。
由于我近期刚学React，还是想跟老师的版本保持一致。所以，将它降低到17版本。输入：npm install react@17.x react-dom@17.x --save
在这里插入图片描述
再运行项目，就发现没有这个报错了。
打开项目的package.json文件，可以发现版本号已经降低了。
在这里插入图片描述

react18报错
钱辉
10-18 842
react18报错
React 18并发渲染详解
最新发布
警警的博客
02-16 1315
React并发渲染的核心在于可中断的任务调度，基于Fiber架构，结合时间切片和优先级控制。可能存在的矛盾点比如是否默认启用，可能需要指出不同资料来源的差异，但根据较新的和，可能默认启用但部分功能需要API调用。最后，检查是否有遗漏的关键点，比如React 18的渐进采用策略，或者如何逐步迁移现有应用到并发模式。好的，我将从底层实现、调度机制、API 细节、实战场景等多个维度深入解析 React 18 的并发渲染（Concurrent Rendering），并提供代码示例和原理示意图。
ReactDOM.render is no longer supported in React 18. Use createRoot instead.
kalrry
09-21 3372
React团队在3月29日新推出了React v18.0版本，现在npm 默认的就是18版本，而React 18 不再支持 ReactDOM.render，所以控制台才会抛出以上错误。
react报错ReactDOM.render is no longer supported in React 18. 解决
分享互联网的有趣知识~
10-06 3004
React 18不再支持渲染。使用createRoot代替。在您切换到新的API之前，您的应用程序将表现得像在运行React 17。React团队目前推出最新的版本为18.0，在18.0版本中，React 18 不再支持 ReactDOM.render。在index.js文件内使用createRoot即可。
Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead.
DongShanYuXiao的博客
05-21 2346
团队目前推出最新的版本为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 6804
React团队目前推出最新的版本为18.0，在18.0版本中，React不再支持 ReactDOM.render，如果使用ReactDOM.render，控制台就会报错，但并不影响程序的正常运行。修改index.js文件中的报错写法。使用createRoot。保存，就可以看到错误没了。
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方法...
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——配置环境、ES6语法补充、Components
夜空像是一片紫水潭，星星是些不动的大亮点，夜风是些浅蓝色的流线，云端传来喧嚣的声音。
07-31 975
配置环境难死了
Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switc
南风花海的博客
08-06 1320
代码】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.
m0_52749777的博客
05-25 4343
React错误：Warning: ReactDOM.render is no longer supported in React 18.
React报错：Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until y
u010234868的专栏
09-08 2956
【代码】React报错：Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until y。
报错Warning: ReactDOM.render is no longer supported in React 18.Use createRoot instead.Until you...
super码力的博客
07-01 3827
报错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 2414
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-dom.development.js:73 Warning: ReactDOM.render is no longer supported in React 18. ...
m0_57634092的博客
11-07 368
意为：警告: React 18 不再支持 ReactDOM.render 方法。请改用 createRoot 方法。在切换到新的 API 之前，您的应用程序将表现得像在运行 React 17 一样。在第一次安装react的情况下，npm 默认为18版本，由于React 18 不再支持 ReactDOM.render。
关于React18控制台报错：ReactDOM.render is no longer supported in React 18 Use createRoot instead. Until.....
热门推荐
S83995029的博客
04-01 1万+
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 switch to the new API, your app will behave as if it's running React.
Warning ReactDOM.render is no longer supported in React 18. Use createRoot instead
没化妆，别看
10-28 629
翻译一下大概意思就是新版的 React18 不再使用 ReactDOM 了。index.js文件改为下面的。初学React，控制台警告。
React控制台警告Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until
C1rq99的博客
04-12 7927
出现这个警告是因为ReactDOM.render()方法在react18中不支持了，createRoot()作为替换代码改为 import { createRoot } from 'react-dom/client'; const container = document.getElementById('root'); const root = createRoot(container); root.render(<BrowserRouter> <Switch> &l
ReactDOM.render is no longer supported in React 18，index.js 修改
学习笔记
03-31 2632
刚使用命令 npx create-react-app myapp 生成的 code，console 有以下警告： ReactDOM.render is no longer supported in React 18. Use createRoot instead. index.js 改成下面这样，警告就没有了。 import ReactDOM from "react-dom/client"; const root = ReactDOM.createRoot(document.getElementById(
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值