Pagination.js

import React from 'react';
import List from '../index';
// import {List} from "antd"

const data = [];
for (let i = 0; i < 23; i += 1) {
  data.push(`上海杨树浦${i.toString()}期水厂`);
}

export default (props) => {
  return (
    <List
      itemLayout="vertical"
      size="large"
      pagination={{
        onChange: (page) => {
          console.log(page);
        },
        pageSize: 3,
      }}
      dataSource={data}
      footer={
        <div>
          <b>水厂统计信息:</b> footer part
        </div>
      }
      renderItem={(item) => <List.Item>{item}</List.Item>}
    />
  );
};