怎么在antd List组件里加按钮

Question

我想在list列表组件里加按钮组件如图请问怎么弄

               <List
                 size="small"
                 header={<div>个人信息</div>}
                 split={false}
                 gutter={-10}
                 bordered={false}
                 dataSource={data}
                 renderItem={item => (<List.Item>{item}</List.Item>)}
               />

           
           
           求解

Answer 1

直接写一个<Button>然后设置CSS绝对定位设置top和lefe就可以定位到指定地点了

Answer 2

在最后加就,判断最后的item 然后在renderItem={(item, index) => <List.Item>{item} {index === data.length - 1 ? <Button>按钮</Button> : null}</List.Item>

如果是指定项，就要通过item判断是哪一项，具体条件需要自己拿捏

Answer 3

修改renderItem={item => (<List.Item>{item}</List.Item>)这边的item里面所对应的内容，添加按钮。