Ant Design Pro项目一初始化就报a标签嵌套a标签错误 cannot as a descendant of

顺络电子：董事长部分股权办理股票质押业务

深圳7月二手住宅成交2259套，中介称近期咨询客户开始增加

2023-08-04 21:15:35 来源：博客园

(资料图片仅供参考)

公司经常需要做一些后台管理页面，我们选择了Ant Design Pro，它是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案。

按官方文挡一步步下来，项目启动后发现控制台就有一个报错，报错截图如下：

从报错的提示看是项目出现了a标签嵌套a标签的情况，最终对页面上有跳转功能的地方做了一遍筛查，发现是在面包屑那里出现了a标签嵌套a标签，详情见下图：

重写面包屑渲染方法即可，通过在项目下src/app.tsx文件中重写itemRender方法即可

关键代码：

...itemRender: (route: any, params, routes) => {    return {route.breadcrumbName}  },...

关键词：