怎么在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

在最后加就,判断最后的item 然后在renderItem={(item, index) => <List.Item>{item} {index === data.length - 1 ? <Button>按钮</Button> : null}</List.Item>如果是指定项，就要通过item判断是哪一项，具体条件需要自己拿捏