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

Warning: [antd: Breadcrumb] `Breadcrumb.Item and Breadcrumb.Separator` is deprecated. Please use `it_第1张图片

然后一直爆红,但是不影响页面运行
在这里插入图片描述

原因

ant design的版本更新,然后之前的写法可以用但是会爆红
改为新用法即可,看下面的解决方案

解决方案

Warning: [antd: Breadcrumb] `Breadcrumb.Item and Breadcrumb.Separator` is deprecated. Please use `it_第2张图片
这里使用ant design的新用法即可,之前的也可以用,但是爆红

后言

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

你可能感兴趣的:(前端bug,react.js)