Ant-design-pro: List pagination

[Mellonta]

I thought that List itself will handle the data to show but it seems that pagination props does not work.
https://preview.pro.ant.design/#/list/basic-list

const paginationProps = {
      showSizeChanger: true,
      showQuickJumper: true,
      pageSize: 5,
      total: 50,
};
<List
  size="large"
  rowKey="id"
  loading={loading}
  pagination={paginationProps}
  dataSource={list}
  renderItem={item => (
    <List.Item
      actions={[<a>编辑</a>, <MoreBtn />]}
    >
      <List.Item.Meta
        avatar={<Avatar src={item.logo} shape="square" size="large" />}
        title={<a href={item.href}>{item.title}</a>}
        description={item.subDescription}
      />
      <ListContent data={item} />
    </List.Item>
  )}
/>

[nikogu]

it is work, but it has no logic yet.

[sangxiaolong]

List能否增加一个跟Table一样的pagination分页处理方法 onChange

[ityao]

这个List组件哪里跑出来的
https://github.com/ant-design/ant-design/tree/master/components
为啥上面的页面找不到呢

[nikogu]

@ityao ant design 3.0
@sangxiaolong 直接用 pagination 的 props 就可以了

[xcaptain]

遇到同样的问题，现在List的文档确实没有分页的效果，通过 https://ant.design/components/pagination/#components-pagination-demo-changer 可以设置分页属性

const paginationProps = {
    showSizeChanger: true,
    showQuickJumper: true,
    pageSize: 5,
    count: 5,
    total: 50,
    current: this.state.current,
    onChange: (page, pageSize) => {
        this.setState({
            current: page,
        });
        this.props.dispatch({
            type: 'list/fetch',
            payload: {
            count: 5,
            page,
            pageSize,
            },
        });
    },
};

[pavelbaranchuk]

This is a working solution. Except for the name of the function. It should be called onShowSizeChange, not onChange.