前端项目实战226-ant design 5.0加入形参

最新推荐文章于 2024-10-16 11:23:07 发布

前端歌谣

最新推荐文章于 2024-10-16 11:23:07 发布

阅读量92

点赞数

文章标签：前端 javascript html

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

版权

前端记录-work-react-最近工作专栏收录该内容

212 篇文章 3 订阅

订阅专栏

这是一个关于前端UI组件的代码片段，展示了如何使用React渲染一个列表，其中包括材料编码、名称、需求数量和实际领取数量。每个列表项都有编辑和删除按钮，点击分别触发handleEdit和handleRemove函数进行操作。

摘要由CSDN通过智能技术生成

  {codeList && codeList.map((item: any, index) => (
                                <div key={index} className='rablist_list'>
                                    <div className='rablist_title'>{item.materialCode}({item.materialName})</div>
                                    <div className='rablist_text'>
                                        <div>需求数量:{item.demandQty}</div>
                                        <div>实际领取数量:{item.actualQty}</div>
                                    </div>
                                    <div className='rablist_opr'>
                                        <Button onClick={() => handleEdit(item.id,item.billId)}>编辑</Button>
                                        <Button onClick={() => handleRemove(item.id)}>删除</Button>
                                    </div>
                                </div>

                            ))}