Как получить доступ к следующей записи блога в ReactJS

Question

У меня проблемы с сборкой приложения React JS.Итак, у меня есть блог с постами, где каждый пост имеет подробный вид.И из этого подробного представления мне нужны две кнопки: одна перенаправляет пользователя на следующий пост, а другая перенаправляет пользователя на предыдущий.Я попробовал несколько идей, чтобы это произошло, но ни одна из них не сработала.Еще одна деталь, которую стоит сказать, это то, что посты расположены не один за другим, я имею в виду, что один из них имеет идентификатор 12, а следующий - 19.

Вот часть моего кода:

export default class DetailView extends React.Component {

constructor(props) {
    super(props);
    this.state = {
      item: [],
      isLoaded: false,
    }
}

componentDidMount() {

    const articleID = this.props.match.params.articleID;
    fetch(`http://localhost:8000/api/${articleID}`)
        .then(res => res.json())
        .then(json => {
        this.setState({
            isLoaded: true,
            item: json,
        })
        });
}

render() {

    return(
        <div className="detailView font">
            blah blah, here the important part comes
                        <Row className="padding">
                            <Col sm={12} md={12} lg={6} xl={6}>
                                <Button variant="outline-secondary"><Link to={''}>Previous project</Link></Button>
                            </Col>
                            <Col sm={12} md={12} lg={6} xl={6} className="text-right">
                                <Button variant="outline-secondary"><Link to={''}>Next project</Link></Button>
                            </Col>  
                        </Row>
                </Container>
            </div>
        </div>
    )
}

}

Answer 1

Если у вас есть контроль над сервером, вы можете добавить конечную точку, такую ​​как /posts/:id/next, и тогда вместо того, чтобы компоненту нужно было знать, каков следующий идентификатор сообщения, сервер определит следующее сообщение (используя дату публикации, идентификатордействительно то, что лучше всего подходит для дизайна вашего блога).