React - Page nation 구현


React - Page nation 구현

개요 Redux와 React를 활용해 페이지네이션을 구현해보았다. 사실 Redux는 안써도 되지만 연습을 위해 일부로 사용해보았다. 코드 // PageNation.js import React from "react"; import { connect } from "react-redux"; import { useState } from "react"; function PageNation({ state }) { // 다음 버튼과 이전 버튼을 누르면 버튼 숫자를 바꾸어주기 위한 state const [currentBtn, setCurrentBtn] = useState(1); // 현재 페이지와 페이지를 변경하기 위한 state const [currentPage, setCurrentPage] = useState(1); // 다음 버튼을 누르면 버튼 숫자를 바꾸어준다. const getNextBtn = () => { if (currentBtn < state.length - 1) { setCurre...


#PageNation #React #Redux #활용

원문링크 : React - Page nation 구현