Задать вопрос
@AntonHPL

Как исправить ошибку в react-paginate?

По аналогии с этим вариантом https://codesandbox.io/s/bold-field-3eqql?file=/sr... попытался вывести свою пагинацию на основе react-paginate:
https://codesandbox.io/s/eager-oskar-471xm?file=/s...
Но репозитории и номера страниц не отображаются. Что неверно?
  • Вопрос задан
  • 201 просмотр
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Merion Academy
    Frontend-разработка на React
    4 месяца
    Далее
  • ProductStar
    React: отточите навыки интерфейсной разработки
    6 недель
    Далее
Решения вопроса 1
@dimuska139
Backend developer
Дело в том, что для подсчёта pageCount нужно знать общее число результатов поиска. В data.length не оно, а ровно 10, потому что именно 10 передаётся в параметре per_page в GithubAPI. То есть 10 запросил - 10 получил. Соответственно, все 10 уменьшаются на 1 странице - и пагинация не отображается.

А репозитории не отображаются потому, что надо вот так:
useEffect(() => {
    if (user) {
      fetch(
        `//api.github.com/users/${user.login}/repos?page=${currentPage}&per_page=${PER_PAGE}`
      )
        .then((res) => res.json())
        .then(setData);
    }
  }, [user, currentPage]);

Тогда при изменении переменной user или currentPage будет отрабатывать useEffect
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽
ITK academy Казань
от 50 000 до 90 000 ₽