Pagination

보통

페이지 네비게이션

#click#javascript

라이브 데모

코드

Pagination.tsx

const [currentPage, setCurrentPage] = useState(1);
const totalPages = 10;
{Array.from({ length: totalPages }, (_, i) => (
  <button
    className={`page ${currentPage === i + 1 ? 'active' : ''}`}
    onClick={() => setCurrentPage(i + 1)}
  >
    {i + 1}
  </button>
))}