报错Warning: ReactDOM.render is no longer supported in React 18.Use createRoot instead.Until you...
报错不影响正常渲染页面,报错图示:
翻译如下:
反应域。React 18中不再支持渲染。改用createRoot。在你切换到新的API之前,你的应用程序将表现得像运行React 17。了解更多信息:https://reactjs.org/link/switch-to-createroot
点击后面的链接,可以看到下图:
把里面的文字翻译如下:
React 18 introduces a new root API which provides better ergonomics for managing roots. The new root API also enables the new concurrent renderer, which allows you to opt-into concurrent features.
React 18引入了一种新的根API,该API为管理根提供了更好的人体工程学。新的根API还支持新的并发渲染器,允许您选择并发功能。
在下面还有代码:
// Before
import { render } from 'react-dom';
const container = document.getElementById('app');
render(<App tab="home" />, container);// After
import { createRoot } from 'react-dom/client';
const container = document.getElementById('app');
const root = createRoot(container); // createRoot(container!) if you use TypeScript
root.render(<App tab="home" />);
根据以上内容,可以这样子解决这个报错
更改前入口文件代码:
import ReactDOM from 'react-dom'
import App from '../App'ReactDOM.render(<Router />, document.getElementById('root')
)
更改后index.js代码如下:
import { createRoot } from 'react-dom/client';
import App from '../App'//第一种写法
const container = document.getElementById('root');
const root = createRoot(container);
root.render( <App />);
//第二种写法
createRoot(document.getElementById('root')).render( <App />)
报错Warning: ReactDOM.render is no longer supported in React 18.Use createRoot instead.Until you...相关推荐
- 关于React18控制台报错:ReactDOM.render is no longer supported in React 18 Use createRoot instead. Until.....
React团队在3月29日新推出了React v18.0版本,现在npm 默认的就是18版本,由于React 18 不再支持 ReactDOM.render.控制台会抛出: Warning: Reac ...
- 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 i ...
- react脚手架创建项目报错,ReactDOM.render is no longer supported in React 18.
react脚手架创建项目报错,ReactDOM.render is no longer supported in React 18. 最近新写一个react的项目,但是发现已经更新到了18.0的版本, ...
- React控制台警告Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until
出现这个警告是因为ReactDOM.render()方法在react18中不支持了,createRoot()作为替换代码改为 import { createRoot } from 'react-dom ...
- ReactDOM.render is no longer supported in React 18. Use createRoot instead.
ReactDOM.render is no longer supported in React 18. Use createRoot instead. 一.控制台报错如下 二.原因 三.解决方案 一. ...
- Warning: ReactDOM.render is no longer supported in React 18.
在学习react出现这个错误说明ReactDOM.render()方法在react18中已经不支持了,但是是警告,仍然可以运行, 改正方法如下: 1.首先记得要import!!! 2.对照下列形式更改 ...
- React18警告:ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until youswitc
由于React 18 不再支持 ReactDOM.render.控制台会抛出: 解决办法:index.js入口文件中改用 createRoot import React from 'react' // ...
- vagrant up报错 Warning: Authentication failure. Retrying...解决方案
vagrant up报错 Warning: Authentication failure. Retrying...解决方案 参考文章: (1)vagrant up报错 Warning: Authent ...
- ionic4 背景设置动态图片报错WARNING: sanitizing unsafe style value background-image:url
ionic4 背景设置动态图片报错WARNING: sanitizing unsafe style value background-image:url WARNING: sanitizing uns ...
最新文章
- tomcat启动时一闪而过的问题
- python操作mysql数据库依赖包_python安装mysql的依赖包mysql-python操作
- java 导出 jar lib_java使用IDEA引入外部jar和导出可执行jar文件的方法
- VCTransitionsLibrary –自定义iOS交互式转场动画的库
- WordPress3.5安装出现的几个问题
- mysql8解压版安装没有密码_MySQL8解压版安装
- edpluse怎么运行c语言,[JSP]小菜也来学Editplus+Tomcat配置jsp运行环境
- 苹果新Metal API实测:四倍完爆OpenGL ES
- python网络编程讲解_详解Python Socket网络编程
- lua中variables和table
- swift4 label显示html,Swift:在标签或textView中显示HTML数据
- Java多线程常用面试题(含答案,精心总结整理)
- 这就是我不建议去外包公司开发的原因?
- 移动地理信息系统学习笔记
- windows环境开发,使用hbase报错。Could not locate executablenull\bin\winutils.exe in the Hadoop binaries
- [省选前题目整理][清橙A1303]tree(LCT)
- 【办公类-19-01-01】办公中的思考——Python,统计教职工的姓氏谁最多?
- 平方和立方和公式推导
- 小米误删userdata分区,userdata分区无法还原,安卓误删分区,且能进twrp,刷机卡米的情况,重新分区教程
- OpenCVSharp入门教程 特征提取③——HoughLinesP直线寻找,直线提取