时间戳

首页 > 解决方案 > 如果有匹配路径 gatsby，路径将不起作用

gatsby - 如果有匹配路径 gatsby，路径将不起作用

问题描述

使用 createPage 创建页面时。使用添加的参数设置路径和 matchPath。我希望两者都能解决相同的组件布局并呈现相同的内容。就我而言，只有 matchPath 渲染组件，原始路径不渲染任何组件。

createPage({
     path: slug,
     matchPath: slugWithParameters, //Only this renders component
     component: layout,
     context: {
          id
     },
});

这是我的到达路由器：

<Router>
    <PrivateRoute page={Page} path={slugWithParameters} {...props} />
</Router>

path 和 matchPath 不应该呈现相同的内容吗？我是否也需要支持路由器中的原始路径？

编辑：

slug可以是：“/”、“/about”、“/products”

slugWithParameters可以是：“/:id”、“/:id/about”、“/:id/products”

标签： gatsby

解决方案

推荐阅读