
- **用法**
- 属性
复制
询问AI
import { BrowserRouter } from "react-router-dom";
import { Breadcrumb } from "@/ui/navigation/bread-crumb/components/Breadcrumb";
export const MyComponent = () => {
const breadcrumbLinks = [
{ children: "Home", href: "/" },
{ children: "Category", href: "/category" },
{ children: "Subcategory", href: "/category/subcategory" },
{ children: "Current Page" },
];
return (
<BrowserRouter>
<Breadcrumb className links={breadcrumbLinks} />
</BrowserRouter>
)
};
| 属性 | 类型 | 描述 |
|---|---|---|
| className | 字符串 | 用于额外样式的可选类名 |
| 链接 | 数组 | 对象数组,每个代表一个面包屑链接。 每个对象都有一个 children 属性(链接的文本内容)和一个可选的 href 属性(点击链接时导航到的URL)。 |