Привет Есть вопрос по реакту Делаю пагинацию стейт

Question

Привет Есть вопрос по реакту Делаю пагинацию стейт

const [currentPage, setCurrentPage] = useState<number>(FIRST_ITEM_PAGINATON);
const [disabledNextBtn, setDisabledNextBtn] = useState<boolean>(false);
const [disabledPrevBtn, setDisabledPrevBtn] = useState<boolean>(false);
и на начальном этапе нужно проверить и задизейблить кнопки некст и превиос
но, когда я делаю проверку
currentPage === 1 ? setDisabledPrevBtn(true) : null;
currentPage === pages.length ? setDisabledNextBtn(true) : null;
страница падает на ошибке
Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.
я понимаю из-за чего
но как тогда и где мне делать эту проверку ?

#javascript #programming #russian

0

03.08.2021

5 ответов

24 просмотра

Taras Автор вопроса

Viktor Moskalev
попробуй просто переменную вместо (setDisabledPrev...

точно, степы и так меняются спасибо)

0

03.08.2021

Danila

Не вызывать setState при каждом рендере же.

0

03.08.2021

Danila

const [currentPage, setCurrentPage] = useState<number>(FIRST_ITEM_PAGINATON); const prevButtonDisabled = currentPage === 1 const nextButtonDisabled = currentPage === pages.length Зачем тебе стейт ещё какой-то?

0

03.08.2021

Taras Автор вопроса

Danila
const [currentPage, setCurrentPage] = useState<num...

Уже понял Я просто проверяю степ и меняю класс Спасибо)

0

03.08.2021

Viktor Moskalev · Accepted Answer

Viktor Moskalev

попробуй просто переменную вместо (setDisabledPrevBtn) без стейта , оно у тебя туда сюда меняет

0

03.08.2021

169 похожих чатов

Привет Есть вопрос по реакту Делаю пагинацию стейт

5 ответов

Похожие вопросы