修改Gatsby站点中的路由

Question

我想在Gatsby博客中设置分页。在我的pages/index.js页面中，我存储了帖子，“分块”帖子（例如每页4个帖子的块）以及当前页码：

this.state = {
  allPosts: props.data.allMarkdownRemark.edges,
  postChunks: [],
  currentpage: 0,
};

目前，如果我转到localhost:8000它指向此组件，请加载前4个帖子并显示它们。我希望能够转到localhost:8000/page2，并且此路由指向相同的组件。目前我需要访问404页面。如何修改路由，以便所有pageX路由都转到同一个index.js组件？

Answer 1

使用Gatsby，您可以通过编程方式创建路径。

查看gatsby-paginate，这样可以轻松创建分页索引页面https://github.com/pixelstew/gatsby-paginate/

Answer 2

如果您使用react-router，则可以使用<Route path="/" component={Blog} />

从根＆＃34; /＆＃34;后面的任何路径;将转到相同的Blog组件（您可以通过声明＆＃39;确切的路径来避免这种情况）。我猜你可以使用网址来确定你显示的是哪个块。