Javascript 我可以访问Ant设计表生成的分页组件的属性或状态吗?

Javascript 我可以访问Ant设计表生成的分页组件的属性或状态吗?,javascript,reactjs,redux,pagination,antd,Javascript,Reactjs,Redux,Pagination,Antd,我的代码中有一个Ant Design表,我正在向它传递一个分页道具,如下所示: <Table dataSource={alerts} pagination={{ pageSize: 9, position: 'bottomLeft', showSizeChanger: false }} columns={columns} /> 在我的React组件树中,我可以看到一个分页组件,该组件具有我想要访问的props和state值current(

我的代码中有一个Ant Design表,我正在向它传递一个分页道具,如下所示:

<Table
  dataSource={alerts}
  pagination={{
    pageSize: 9,
    position: 'bottomLeft',
    showSizeChanger: false
  }}
  columns={columns}
/>

在我的React组件树中,我可以看到一个
分页
组件,该组件具有我想要访问的
props
state
current
(告诉你/设置你当前所在的页面),因此我可以保存并传递它


但是,我不知道如何访问该值,因为我的React代码中实际上没有
分页
组件,
分页
组件只是由
组件中的
分页
属性生成的。是否可以以某种方式访问此值?

您无法从表/分页上方的组件访问分页道具和状态。这与React的工作原理相反,因为这里的数据只朝一个方向流动。从顶部组件到底部组件

但是,有一种方法可以通过分页事件处理程序返回所需的分页属性。所以,您可以将它们保存在使用Antd表的组件的状态中

在下面的代码中,我使用的是Table组件提供的API。
onChange
onShowSizeChange
返回实际的分页状态值,然后保存到状态。我指的是分页组件的文档

const数据源=[{
键:“1”,
名字:“迈克”,
年龄:32岁,
地址:唐宁街10号,
},
{
键:“2”,
姓名:'约翰',
年龄:42,,
地址:唐宁街10号,
},
];
常量列=[{
标题:“姓名”,
数据索引:“名称”,
关键字:“名称”,
},
{
标题:"年龄",,
数据索引:“年龄”,
关键词:“年龄”,
},
{
标题:“地址”,
dataIndex:'地址',
关键字:'地址',
},
];
类应用程序扩展了React.Component{
状态={
当前页面大小:1,
当前页面:1,
}
onPageChange=(页面:编号,页面大小?:编号)=>{
这是我的国家({
当前页:第页,
currentPageSize:pageSize
});
}
onPageSizeChange=(页面:编号,页面大小:编号)=>{
这是我的国家({
当前页:第页,
currentPageSize:pageSize
});
}
render(){
返回(<表数据源={
数据源
}
分页={
{
pageSize:this.state.currentPageSize,
当前:this.state.currentPage,
onChange:this.onPageChange,
onShowSizeChange:this.onPageSizeChange
}
}
列={
柱
}
/>);
}
}

render(,document.getElementById(“根”)谢谢这正是我需要的!