Javascript 正在向antd表获取一定数量的信息

我是新的react-hooks开发者，我对类不太了解，从每个人建议的hooks开始，这里我有一个antd表（从他们的页面中获取，所有内容都使用react-Class进行编码，我以某种方式将其转换为hooks），这里我想让用户能够选择他/她想要在一个页面中包含多少信息。 当用户点击时，它会给出下拉列表（10/页，20/页，50/页，100/页），用户可以从下拉列表中选择要显示的数量。。。因此，我希望该功能如图所示

如何使用react钩子实现这样的功能

这是我的代码：

从“React”导入React；
从“/EventTable”导入{EventTable}；
常数事件数据=[
{
关键：“1”，
标题：“约翰·布朗”，
年龄:32岁，
地址：“纽约第一湖公园”，
},
{
键：“2”，
标题：“乔·布莱克”，
年龄:42,，
地址：“伦敦第一湖公园”，
},
{
关键：“3”，
标题：“吉姆·格林”，
年龄:32岁，
地址：“悉尼第一湖公园”，
},
{
关键：“4”，
标题：“吉姆·瑞德”，
年龄:32岁，
地址：“伦敦第二湖公园”，
},
{
钥匙：“5”，
标题：“吉姆·瑞德”，
年龄:32岁，
地址：“伦敦第二湖公园”，
},
];
函数App（）{
返回(
);
}
导出默认应用程序您可以阅读用于示例的代码，每个组件变量下都有一个代码选项卡，还有一个指向沙盒的链接，它们非常有用

我可以看到您正在向分页标志发送布尔值。像他们那样发送对象如何

const pagination = { 
    defaultPageSize: 3,
    current: 1,
    pageSizeOptions: ['3', '6', '9']
}

然后将其发送到表

<Table dataSource={eventsData} columns={tableColumns} pagination={pagination} />



另一个细节是，你是一个React开发者，钩子允许我们使用
类
组件特性，在功能组件内部，我们也可以编写自己的自定义钩子，但它们只是一个特性，你不是一个“React钩子开发者”

你是说这个“分页={true}”，我可以把它拿走，它仍然可以工作，如何在react hook中向它发送一个对象，你能用我的代码举个例子吗？当然是Hello@waleedd32。首先，它不是“React hooks”，您正在使用React，您也在使用React hooks，我将编辑我的答案以获得更详细的解释。我在上面的代码中粘贴了它，您应该声明一个变量，比如：const pagination=the_OBJECT_I_编写的。我将编辑我的答案，以便更好地解释。感谢回复，我已经更新了上面的照片，也许这有助于更好地理解我想要什么