ギャツビーサイトでルーティングを変更する

Question

ギャツビーのブログでページネーションを設定したいと思います。私はlocalhost:8000に行けば、それは、このコンポーネントを指し、

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

現在：私のpages/index.jsページでは、私は記事を格納しています、記事（ページあたり4つのポストの例えばチャンク）、および現在のページ番号を「チャンク」最初の4つのポストをロードして表示します。私はlocalhost:8000/page2に行き、と同じコンポーネントを指すようにこのルートに行きたいと思っています。現在は404ページに移動します。 pageXのすべてのルートが同じindex.jsコンポーネントになるようにルーティングを変更するにはどうすればよいですか？

Answer 1

Gatsbyでは、ルートをプログラムで作成します。

うん、私はこの特別ギャツビーのアーキテクチャでは、ベストプラクティスなどを行う方法を思ったんだけど、ページ付けインデックスページhttps://github.com/pixelstew/gatsby-paginate/

Answer 2

あなたが反応し、ルータを使用する場合は、あなただけの<Route path="/" component={Blog} />

ルートから、以下のいずれのパスが「/」同じブログ・コンポーネントに移動します（あなたは「正確なパス」の代わりを宣言することでこの問題を回避することができます）を使用することができます。私はあなたが次に表示するチャンクを決定するためにURLを使うことができると推測しています。