代码如下:

<Form.Item
label="用户名"
name="username"
rules={[{ required: true, message: '请输入用户名!' },
// { min: 4, message: '用户名至少4位!' },
// {
// max: 10,
// message: '用户名最长10位!',
// },
{
validator: (_, value) =>{
if(value.length >= 6 && value.length<=10) {
return Promise.resolve()
}else{
return Promise.reject('密码长度必须是6~10位')
}
}
}
]}
>

{ required: true, message: '请输入用户名!' } 是校验用户名不能为空

{ min: 4, message: '用户名至少4位!' }是校验用户名至少4位

{max: 10,message: '用户名最长10位!' }是校验用户名最长10位