[TOC]

antd组件在react开发中遇到的问题

1. Form.Item name属性is only used for validate React element

antd版本:^4.23.2

原因:Form.Item组件下没有可Input或Select组件之类的组件,如果不需要校验或输入内容,可以去掉属性name。

{/* 问题代码 */}
<Form.Item label={label} name={question.name} rules={rules}>
  1111
  {/* <Input /> */} {/* 加上可控组件就不报错了 */}
</Form.Item>

解决办法 删除name属性:

<Form.Item label={label} rules={rules}>
  1111
</Form.Item>

或者给Form.Item组件子元素加上可控组件:

<Form.Item label={label} name={question.name} rules={rules}>
  <Input />
</Form.Item>
Last Updated: 11/20/2024, 5:13:00 PM