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

Posted 2022-12-03 Silam Lin

React & Ant-Design组件之 Form.item的name和rules

• Form.item的使用

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，那么设置rules里面的required为true也是不生效的。

如果不设置name

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

那么就不会显示为必填项！