使用 React js 的面包屑路径

Breadcrumb trail with react js

我正在尝试使用 React js 创建我自己的自定义痕迹导航组件。我熟悉 React js。但我不清楚该怎么做……（特别是面包屑痕迹）。任何人都可以给我一些与此相关的示例或教程吗？

我认为最好的方法是安装 react-router

然后你可以很容易地通过相互嵌套路线来做到这一点，然后使用它为你提供的一些实用函数来获取当前路线。我没有使用最新版本的 react-router。但是旧版本是这样的：

var currentRoutes = this.context.router.getCurrentRoutes();

这用于为您提供所有当前路线的数组，因此如果您嵌套了 3 条路线，它将为您提供 3 条路线。我不确定这是否是确切的语法，因为他们已经升级到 1.0，API 可能已经改变，但它可能是相似的。

使用最新 1.0 版 react-router 的面包屑示例（目前为 v1.0.0-rc3）https://github.com/rackt/react-router/blob/master/examples/breadcrumbs/app.js

或者使用 https://github.com/svenanders/react-breadcrumbs 如果您使用 react-router，它会为您处理面包屑。它与 react-router 0 一起工作得很好。13.x 根据经验，我还没有升级到最新的 1.0 版本，但它应该也能工作。