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

最新推荐文章于 2023-08-13 08:16:15 发布

前端歌谣

最新推荐文章于 2023-08-13 08:16:15 发布

阅读量199

点赞数

文章标签： react.js 学习 javascript

本文链接：https://blog.csdn.net/qq_41632427/article/details/126374313

版权

React项目实战-hook+react17-企业案例专栏收录该内容

61 篇文章 0 订阅

订阅专栏

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

总结