Ändern Routing in Gatsby Website

Question

Ich möchte Paginierung in einem Gatsby Blog einzurichten. In meiner pages/index.js Seite bin zu speichern ich die Beiträge „gestückelt“ die Beiträge (zB Stücke von 4 Beiträge pro Seite) und die aktuelle Seitenzahl:

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

Derzeit wenn ich localhost:8000 gehen, um es auf diese Komponente verweist , lädt die ersten 4 Beiträge und zeigt sie an. Ich mag localhost:8000/page2 und für diese Route zur gleichen Komponente Punkt gehen können. Derzeit dauert es mich an die 404 Seite. Wie kann ich das Routing ändern, so dass alle pageX Routen zum selben index.js Komponente gehen?

Answer 1

Mit Gatsby, erstellen Sie Routen programmatisch.

Check out gatsby-Paginieren, die es leicht macht paginierte Indexseiten erstellen https://github.com/pixelstew/gatsby-paginate/

Answer 2

Wenn Sie reagieren-Router verwenden, können Sie nur verwenden <Route path="/" component={Blog} />

Jeder Weg, der von der Wurzel „/“ gehen auf die gleiche Blog Komponente folgt (Sie können dies vermeiden, indem Sie ‚genauen Pfad‘ statt erklärt). Ich schätze, dass Sie die URL verwenden können, um festzustellen, welche Brocken Sie dann angezeigt werden soll.