React实战笔记：如何实现第39课的列表组件引入？

本文共计139个文字，预计阅读时间需要1分钟。

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

总结