react安装报错ReactDOM.render is no longer supported in React 18. Use createRoot instead.

原创 已于 2022-04-16 00:49:10 修改 · 5.3k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react

于 2022-03-30 17:29:17 首次发布
本文介绍了解决React 18版本不兼容导致的警告问题，通过将React及ReactDOM版本降至17.0.2来修复渲染问题。

查看文件package.json中react、react-dom最新安装的版本发现问题所在：

react-dom.development.js: 86警告:ReactDOM。React 18不再支持渲染

"react": "18.0.0",
"react-dom": "18.0.0",

解决办法：降低版本到17.0.2

安装： 

yarn add react@17.0.2 react-dom@17.0.2 --save

npm install react@17.0.2 react-dom@17.0.2 --save

"react": "17.0.2",
"react-dom": "17.0.2",

 

 

Warning ReactDOM.render is no longer supported in React 18. Use createRoot instead
没化妆，别看
10-28 666
翻译一下大概意思就是新版的 React18 不再使用 ReactDOM 了。index.js文件改为下面的。初学React，控制台警告。
ReactDOM.render is no longer supported in React 18. Use createRoot instead.
kalrry
09-21 3421
React团队在3月29日新推出了React v18.0版本，现在npm 默认的就是18版本，而React 18 不再支持 ReactDOM.render，所以控制台才会抛出以上错误。
React 18的createRoot与render全面对比
最新发布
警警的博客
09-13 1281
React 18引入的ReactDOM.createRoot取代了传统的ReactDOM.render，主要区别在于： 并发模式：createRoot支持并发渲染，而render仅同步渲染 自动批处理：createRoot对所有状态更新自动批处理，render仅限React事件内 API设计：createRoot需显式创建根实例并调用render()方法 特性支持：仅createRoot支持React 18新功能如流式SSR 升级后能获得更好的性能与用户体验，但需注意代码修改和IE不再支持的问题。新项目应直
Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead.
DongShanYuXiao的博客
05-21 2475
团队目前推出最新的版本为18.0，在18.0版本中，React不再支持 ReactDOM.render，如果使用ReactDOM.render，控制台就会报错，但并不影响程序的正常运行。修改index.js文件中的报错写法。使用createRoot。保存，重新运行，就没有报错了！
React18警告:ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until youswitc
weixin_43754395的博客
11-01 952
React18控制台警告：ReactDOM.render is no longer supported in React 18 Use createRoot instead.
React控制台报错ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you swit
m0_59778008的博客
10-08 6878
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!; } ...
React18控制台报错Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead
stormkai的专栏
12-13 2468
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
报错Warning: ReactDOM.render is no longer supported in React 18.Use createRoot instead.Until you...
super码力的博客
07-01 3921
报错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.
react报错ReactDOM.render is no longer supported in React 18. 解决
分享互联网的有趣知识~
10-06 3124
React 18不再支持渲染。使用createRoot代替。在您切换到新的API之前，您的应用程序将表现得像在运行React 17。React团队目前推出最新的版本为18.0，在18.0版本中，React 18 不再支持 ReactDOM.render。在index.js文件内使用createRoot即可。
ReactDOM.render is no longer supported in React 18.
m0_52043522的博客
04-27 585
在运行React项目时，发现报如下错误： 点击报错后面的链接，可以看到官网的解释如下所示： 在安装时，默认会安装最新的18版本。 由于我近期刚学React，还是想跟老师的版本保持一致。所以，将它降低到17版本。输入：npm install react@17.x react-dom@17.x --save 再运行项目，就发现没有这个报错了。 打开项目的package.json文件，可以发现版本号已经降低了。 ...
ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until ...
qq_53818683的博客
03-26 240
是 React DOM 中的一个实验性功能，不建议在生产环境中使用。如果要使用 React DOM 的其他功能，请参阅官方文档以了解更多信息。是 React DOM 的一部分。，需要先安装 React 和 ReactDOM 包，因为。根据它给的提示：使用createRoot进行替代，安装完成后，即可通过以下命令安装。最后，控制台就不会抛出这个警告了。
Warning: ReactDOM.render is no longer supported in React 18.
m0_52749777的博客
05-25 4390
React错误：Warning: ReactDOM.render is no longer supported in React 18.
Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switc
南风花海的博客
08-06 1356
代码】Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switc。
React报错：Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until y
u010234868的专栏
09-08 3035
【代码】React报错：Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until y。
react警告之react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18.dva
weixin_54079103的博客
06-06 1541
使用dva开发react项目时,使用react17版本的方式行不通。react警告之react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18.dva
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

船长在船上

您的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值