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>} /> ); };