Gatsby 사이트에서 라우팅 수정

Question

Gatsby 블로그에서 페이지 매김을 설정하고 싶습니다. 내가 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를 사용하면 프로그래밍 방식으로 경로를 만들 수 있습니다. 쉽게 매겨진 인덱스 페이지

Answer 2

당신이 반응 라우터를 사용하는 경우 당신은 그냥 <Route path="/" component={Blog} />

루트에서 다음 모든 경로가 "/"같은 블로그 구성 요소로 이동합니다 (당신은 '정확한 경로'대신를 선언함으로써이 문제를 피할 수있다)를 사용할 수 있습니다. 난 당신이 그때 표시 청크를 결정하는 URL을 사용할 수있는 것 같아요.