react项目实战学习笔记-学习39-列表组件引入

<div className='list_table' style={{ padding: '20px' }}>
<List
className="demo-loadmore-list"
itemLayout="horizontal"
dataSource={list}
renderItem={item => (
<List.Item
actions={[
<Button type='primary' onClick={()=>navigate('/edit/'+item.id)}>编辑</Button>,
<Button type='danger' onClick={()=>delFn(item.id)}>删除</Button>
]}
>
<Skeleton loading={false}>
<List.Item.Meta
title={<a href="!#">{item.title}</a>}
description={item.subTitle}
/>
<div>{moment(item.date).format("YYYY-MM-DD hh:mm:ss")}</div>
</Skeleton>
</List.Item>
)}
/>

总结