antdesign验证

以前以为只能rules里面塞一个东西

rules={[{ required: true, message: 'Please input your username!' }]}

其实可以这样

rules={[
{ required: true, message: 'Please input your username!' },
{min:6,message:'...'},
{max:20,message:'sdfsdafasdf'}
]}

这个自定义验证 蕴含挺多休息的

• 首先 返回的是promise
• 第二这个箭头函数里面是一个es6解构的方法,这里需要什么我们传什么

image.png

• getFieldValue('password') === value 其实这里做了一个判断，判断输入的值是否与name为password的那个value相同

 rules={[
          {
            required: true,
            message: 'Please confirm your password!',
          },
          ({ getFieldValue }) => ({
            validator(_, value) {
              if (!value || getFieldValue('password') === value) {
                return Promise.resolve();
              }

              return Promise.reject('The two passwords that you entered do not match!');
            },
          }),
        ]}