Warning: [antd: Breadcrumb] `Breadcrumb.Item and Breadcrumb.Separator` is deprecated. Please use `it

简介: Warning: [antd: Breadcrumb] `Breadcrumb.Item and Breadcrumb.Separator` is deprecated. Please use `it

前言

✨✨ 他们是天生勇敢的开发者,我们创造bug,传播bug,毫不留情地消灭bug,在这个过程中我们创造了很多bug以供娱乐。

前端bug这里是博主总结的一些前端的bug以及解决方案,感兴趣可以看一下,有不同方案可以在评论区提出



正文开始


错误场景


react+vite+ant design

ant design版本是:^5.10.2

react版本:^18.2.15

vite版本:^4.4.5

问题分析


使用ant design中的面包屑Breadcrumb



然后一直爆红,但是不影响页面运行



原因


ant design的版本更新,然后之前的写法可以用但是会爆红

改为新用法即可,看下面的解决方案

解决方案


这里使用ant design的新用法即可,之前的也可以用,但是爆红

后言

创作不易,要是本文章对广大读者有那么一点点帮助 不妨三连支持一下,您的鼓励就是博主创作的动力


目录
相关文章
|
2月前
|
前端开发
解决el-descriptions的label-class-name不生效问题
解决el-descriptions的label-class-name不生效问题
145 0
|
5月前
|
JavaScript
Element UI报错:Unknown custom element: <el-menu>
Element UI报错:Unknown custom element: <el-menu>
47 0
【已解决】Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>
Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>
297 0
【已解决】Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>
|
小程序
【微信小程序】tabbar报错Component is not found in path “custom-tab-bar/index“
【微信小程序】tabbar报错Component is not found in path “custom-tab-bar/index“
279 0
|
JavaScript
Element el-check 多选框详解
本文目录 1. 用途 2. 普通多选框 3. 带边框的多选框 4. 多选框组 5. 按钮样式的多选框组 6. 多选框组选中数量限制 7. 选项通过变量自动生成 8. 小结
854 0
Element el-check 多选框详解
ng-repeat part1 - how UI is rendered from {{name}} to actual value
ng-repeat part1 - how UI is rendered from {{name}} to actual value
ng-repeat part1 - how UI is rendered from {{name}} to actual value
how is opportunity detail page display first item by default
how is opportunity detail page display first item by default
72 0
how is opportunity detail page display first item by default
try to navigate from button to line item page
Created by Wang, Jerry, last modified on Feb 15, 2015
114 0
try to navigate from button to line item page
language dropdown list - filter logic
language dropdown list - filter logic
101 0
language dropdown list - filter logic
SAP UI5 click list item to navigate to detail page
Created by Wang, Jerry, last modified on Mar 23, 2015
78 0
SAP UI5 click list item to navigate to detail page