React & Ant-Design 应用 —— Form.item 的 name和rules；为什么设置required不显示

Posted 2021-08-18 Kabukiyo Lin

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React & Ant-Design 应用 —— Form.item 的 name和rules；为什么设置required不显示相关的知识，希望对你有一定的参考价值。

Form.item的使用

导入：

import React from 'react';
import ReactDOM from 'react-dom';
import { Form } from 'antd';

return (
	<Form.item
		label='userName'
		name="userName",
		rules={[required:true]}
	></Form.item>
)

效果：
在这里插入图片描述

如果不设置name

return (
	<Form.item
		label='userName'
		rules={[required:true]}
	></Form.item>
)

在这里插入图片描述
那么就不会显示为必填项！

以上是关于React & Ant-Design 应用 —— Form.item 的 name和rules；为什么设置required不显示的主要内容，如果未能解决你的问题，请参考以下文章