प्रौद्योगिकी साझेदारी

【React】Ant Design -- Table paging function इत्यस्य कार्यान्वयनम्

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

कार्यान्वयनपदार्थाः

  1. पृष्ठांकनप्रभावं प्रदर्शयितुं Table घटकस्य कृते पृष्ठांकनविशेषणं निर्दिशन्तु
  2. पेजिंग् स्विचिंग् इवेण्ट् इत्यस्मिन् फ़िल्टर रूपेण चयनितं दत्तांशं प्राप्नुवन्तु
  3. params पैरामीटर् निर्भरतां परिवर्तयितुं वर्तमानपृष्ठदत्तांशस्य उपयोगेन नवीनतमदत्तांशं प्राप्तुं अन्तरफलकं पुनः आह्वानं भवति ।
const pageChange = (page) => {
    // 拿到当前页参数 修改params 引起接口更新
    setParams({
      ...params,
      page
    })
}

return (
   <Table rowKey="id" columns={columns} dataSource={article.list} pagination={{
      current: params.page,
      pageSize: params.per_page,
      onChange: pageChange,
      total: article.count
    }} />
)
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

सम्बन्धित गुण

अत्र चित्रविवरणं सम्मिलितं कुर्वन्तु
अत्र चित्रविवरणं सम्मिलितं कुर्वन्तु
अत्र चित्रविवरणं सम्मिलितं कुर्वन्तु