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的新用法即可,之前的也可以用,但是爆红

后言

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


目录
相关文章
|
前端开发
react-router中的render、children、component
react-router中的render、children、component
499 1
|
JavaScript 前端开发 数据安全/隐私保护
React-router-dom实现全局路由登陆拦截
React-router-dom实现全局路由登陆拦截
|
JavaScript 前端开发
【原创】用JavaScript动态获取网页中缩放图片的长度、宽度和显示比例
【原创】用JavaScript动态获取网页中缩放图片的长度、宽度和显示比例
|
资源调度 前端开发 数据安全/隐私保护
react 动态路由使用
【8月更文挑战第30天】react 动态路由使用
457 0
|
安全 数据安全/隐私保护
如何使用贝锐花生壳DDNS,实现OA、ERP、CRM等办公系统远程访问?
在现代企业运营中,员工出差和分支机构的协同工作日益增多,确保不同地点员工安全便捷地访问公司内网的BS架构办公系统成为挑战。贝锐花生壳内网穿透服务提供了一种无需公网IP、无需复杂配置的解决方案,通过简单的三步设置,即可实现高效、安全的远程访问,支持多种主流办公系统。
357 10
|
缓存 前端开发 JavaScript
前端小白也能掌握的高级技巧:如何让你的网页支持PWA特性?
【10月更文挑战第30天】随着互联网技术发展,渐进式网页应用(PWA)成为提升用户体验的重要手段。本文通过一个案例,介绍如何为在线问答社区网页应用添加PWA特性。从创建基本结构、添加Service Worker、创建Manifest文件到测试PWA特性,详细展示了每一步的操作方法。适合前端小白学习参考。
262 2
|
存储 JavaScript 前端开发
如何在 React Hooks 中使用 Redux?
【10月更文挑战第1天】
|
移动开发 前端开发 应用服务中间件
React两种路由模式的实现原理
React两种路由模式的实现原理
339 3
|
存储 前端开发 JavaScript
深入理解React组件的生命周期与Hooks
【10月更文挑战第7天】深入理解React组件的生命周期与Hooks
522 0