React antd List 的使用

1.引入

import { Button, Col, Input, List, Row } from 'antd';

2.

<List
                                grid={{
                                    column: 4  一行几个
                                }}
                                dataSource={state.newJoinList}
                                loading={state.initLoading}
                                loadMore={state.newJoinList.length > 0 ? <div className='load-more' onClick={this.onLoadMore}>加载更多</div> : ''
                                }
                                locale={{
                                    emptyText: <div className='list_nodata'>
                                       空数据
                                    </div>
                                }}
                                renderItem={(item) => (
                                    <List.Item >
                                        <a href=''>
                                            {item.name}
                                            </div>
                                        </a>
                                    </List.Item>