面包屑跟踪与反应js

Question

我尝试使用react js创建自己的自定义痕迹路径组件。我熟悉反应js。但我对如何做到这一点并不清楚..（特别是关于面包屑的踪迹）。任何人都可以给我一些相关的例子或教程..？

Answer 1

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

https://github.com/rackt/react-router

然后，您可以通过在彼此之间嵌套路由，然后使用它为您获取当前路线的一些实用程序功能来轻松完成。我还没有使用最新版本的react-router。但旧版本的确是这样的：

https://github.com/rackt/react-router/issues/1060

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

这用于给你一个包含所有当前路线的数组，所以如果你深入嵌套3条路线，它将为​​你提供3条路线。我不确定这是否是确切的语法，因为它们已升级到1.0，API可能已更改，但可能类似。

Answer 2

使用最新1.0版本的反应路由器的面包屑示例（此时为v1.0.0-rc3）https://github.com/rackt/react-router/blob/master/examples/breadcrumbs/app.js

如果您使用react-router，请使用https://github.com/svenanders/react-breadcrumbs来处理面包屑。它与react-router 0.13.x在经验上运行良好，我还没有升级到最新的1.0版本，但它也应该有效。