- formItem嵌套使用,使用rules的正确用法,需要在外层formItem然后在里层formItem添加required属性,在里层form.item添加rules即可
- 外层form.item没有添加的required时候,没有必填标识
<Form labelCol={{ span: 8 }} wrapperCol={{ span: 16 }}>
<Form.Item label={'label'} wrapperCol={{ span: 16, offset: 1 }}>
<Form.Item
wrapperCol={{ span: 24 }}
name="name"
rules={[{ required: true, message: 'errorInfo' }]}
>
<div>这是一个div</div>
</Form.Item>
<div>这是另一个div</div>
</Form.Item>
</Form>
![在这里插入图片描述](https://img-blog.csdnimg.cn/08aca236768a4e50bbc603f53a5cc634.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2MDk2OQ==,size_16,color_FFFFFF,t_70#pic_center)
- 外层form.item添加的required时候,有必填标识
<Form labelCol={{ span: 8 }} wrapperCol={{ span: 16 }}>
<Form.Item label={'label'} wrapperCol={{ span: 16, offset: 1 }} required>
<Form.Item
wrapperCol={{ span: 24 }}
name="name"
rules={[{ required: true, message: 'errorInfo' }]}
>
<div>这是一个div</div>
</Form.Item>
<div>这是另一个div</div>
</Form.Item>
</Form>
![在这里插入图片描述](https://img-blog.csdnimg.cn/be900d424711444a83c70a78ae19f4b9.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2MDk2OQ==,size_16,color_FFFFFF,t_70#pic_center)