ant desgin List实现多选

最新推荐文章于 2023-06-16 12:30:06 发布

ast_5921

最新推荐文章于 2023-06-16 12:30:06 发布

阅读量1k

点赞数 1

文章标签： ant List checkbox多选

本文链接：https://blog.csdn.net/ast_5921/article/details/103232619

版权

本文介绍了如何使用Ant Design的List组件结合Checkbox实现多选功能，详细讲解了渲染列表项的方法，帮助开发者理解并应用到自己的项目中。

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

render内容

render(){
   
const {
    checkbox } = this.state // 被选中的内容
return(
   <Card bordered={
   null}>
          <Col span={
   20}><h2>人员列表</h2></Col>
          <Col span={
   4}>
            <Checkbox 
              indeterminate={
   this.state.indeterminate} // 部分被选中
              onChange={
   this.onCheckAllChange} // 全选功能
              checked={
   this.state.checkAll} // 全选标志
            >全选
            </Checkbox>
          </Col>
        </Card>
        <div style={
   {
    height