import React, { useState } from 'react';
import { Table } from 'antd';
export default function TablePageSize (){
const [pageSize,setPageSize]= useStage(10);
const handleTableChange = (currentPage, size)=>{
setPageSize(size);
}
return (
<Table
dataSource={dataSource}
columns={columns}
pagination={{onChange: handleTableChange, showSizeChanger:true}}
/>
);
};
pagination 항목에 onChange 기능을 이용해 page size 값을 저장하고 useQuery로 데이터를 요청할 때 이용할 수 있다.