Saya ingin menambahkan Antd Pagination (dokumentasi) ke proyek di komponen "ArticlesList", tetapi sudah belum tahu - apa yang harus saya berikan ke komponen pagination ke onChange = {????} Mencoba membuat varian yang berbeda, tetapi tidak berhasil. Adakah bantuan atau saran bagaimana melakukannya?

Anda dapat melihat kode di sini: codesandbox

0
Will Black 7 November 2020, 18:15

1 menjawab

Jawaban Terbaik

Anda harus melewati panjang artikel total Anda, halaman saat ini dan fungsi onChnage mendapatkan dua parameter yaitu nomor halaman dan ukuran halaman jumlah artikel yang ingin Anda tampilkan di halaman atau komponen.

Oleh onChange Anda mengambil daftar Anda berikutnya.

const onChange = (page, pageSize) => {
  fetch(`yourApi/page=${page}&pageSize=${pageSize})
}

<Pagination
  total={totalArticles}
  current={currentPage}
  onChange={(page, pageSize) => onChange(page, pageSize)}
/>

Data tiruan:

{
  articles: [],
  totalArticles: 60,
  page: 1,
  pageSize: 10, // Its up to you
}
1
Fatemeh Qasemkhani 8 November 2020, 05:36