@PHPjedi

Как грамотно реализовать «назад» и «вперед»?

Имеются следующие компоненты по иерархии:

- Content
-- ContentPlayer (props: video_id, video_title)

В Content поступает плейлист с видеороликами. Когда пользователь выбирает что-то из плейлиста, ссылки меняются, а ContentPlayer обновляет данные.

Как реализовать в неком роде пагинацию? Назад и вперед?

Заранее спасибо!
  • Вопрос задан
  • 4407 просмотров
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
render() {
  const { playList, slug }  = this.props;
  const index = playList.findIndex(i => i.slug === slug);
  const video = playList[index];
  const prev = playList[index - 1];
  const next = playList[index + 1];
  
  render(
    <div>
      {/* ... */}
      <div>
        {prev && <Link to={`/video/${prev.slug}`}>Prev</Link>}
        {next && <Link to={`/video/${next.slug}`}>Next</Link>}
      </div>
    <div/>
  );
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы