javascript - 可变路由器参数a路由

Question

我实际上正在使用 Fuxible 和 Reactjs 开发一个应用程序，但我遇到了一个问题。

事实上，我需要在 ./configs/routes.js 中创建一条不在顶部菜单栏中的路由。

我需要可以使用 :id 等参数访问此路由。

这是我使用的标准路线:

detail: {
        path: '/product/1/details',
        method: 'get',
        page: 'productDetail',
        title: 'product detail',
        handler: require('../components/product/ProductDetail')
    }

我需要做的是:

detail: {
            path: '/product/:id/details',
            method: 'get',
            page: 'productDetail',
            title: 'product detail',
            handler: require('../components/product/ProductDetail')
        }

但没有将其添加到顶部导航栏菜单(由 Fluxible 自动生成)

事实上，我的 url 中有 :id 这一事实给我带来了一个奇怪的错误，如下所示:

NavLink created without href or unresolvable routeName 'detail'

我该如何继续？

Answer 1

Fluxible 根本不控制导航。生成器附带一个“Nav”组件，默认情况下使用路由配置来生成导航，但您可以自由修改该组件以执行您想要的任何操作。我们通常喜欢将菜单配置与路由配置分开。有关示例，您可以查看我们的 Fluxible.io 源代码:https://github.com/yahoo/fluxible.io/blob/master/configs/menu.js