ant design 面包屑组件报错及解决方案:正确使用面包屑组件和路由链接

本文将解决Ant Design面包屑组件报错的问题,该错误提示面包屑组件只能接受Breadcrumb.Item和Breadcrumb.Divider作为子组件。
错误原因:
你的代码中使用了不兼容的组件。a-divider不是面包屑组件的有效子组件,应替换为a-breadcrumb-separator。此外,router-link组件的嵌套位置也不正确,它不应该包裹a-breadcrumb-item。
解决方案:
正确的使用方法是将router-link直接应用于a-breadcrumb-item,并使用a-breadcrumb-separator作为分隔符。
修改后的代码示例:
个人中心 查看个人信息
通过以上修改,即可解决面包屑组件报错问题,并正确地将路由链接与面包屑组件集成。 请注意,style属性已使用更规范的JSX语法书写。











