[antd: Checkbox] `value` is not a valid prop, do you mean `checked`?

小菜鸡升级记

已于 2022-07-20 17:53:15 修改

阅读量2.5k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： react遇到的问题文章标签：前端

于 2022-07-20 17:35:53 首次发布

本文链接：https://blog.csdn.net/m0_57253767/article/details/125896987

react遇到的问题专栏收录该内容

8 篇文章

订阅专栏

本文档介绍了在使用Ant Design的FormItem和Checkbox组件时遇到的报错情况，以及如何通过设置`valuePropName=checked`来解决这个问题。示例代码展示了在每个Checkbox外包裹FormItem，以直接提交选中值的实现方式，同时结合Row和Col组件进行布局，并使用Tooltip展示额外信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用antd 写的一个checkbox，每一个checkbox外包裹一个Item为了直接提交选中的值。

报错的解决方式就是添加：valuePropName="checked"

 <Item className={styles.XXX} label={XXX}>
            <Row>
              {checkRules.map((item) => (
                <Col span={24} key={item.checkId}>
                  <Item name={item.XXX} noStyle valuePropName="checked">
                    <Checkbox className={styles.XXX}>{XXX}</Checkbox>
                  </Item>
                  <Tooltip placement="right" title={XXX}>
                    <InfoCircleOutlined className={styles.XXX} />
                  </Tooltip>
                </Col>
              ))}
            </Row>
          </Item>