蚂蚁设计表单异步验证器警告

时间:2020-09-29 22:33:56

标签: reactjs antd

我正在使用antd表单和规则,并且在我提交表单时收到如下警告:

异步验证程序:[“请输入用户名”]。

我尝试{抑制警告:true},但没有成功,警告规则中的文本与默认模板文本不同

antd:^ 4.6.4

 <Form
      {...layout}
      name="basic"
      initialValues={{
        remember: true,
      }}
      onFinish={onFinish}
      onFinishFailed={onFinishFailed}
    >
      <Form.Item
        label="Username"
        name="username"
        rules={[
          {
            required: true,
            message: 'Please input your username!',
          },
        ]}
      >
        <Input />
      </Form.Item>

      <Form.Item
        label="Password"
        name="password"
        rules={[
          {
            required: true,
            message: 'Please input your password!',
          },
        ]}
      >
        <Input.Password />
      </Form.Item>

      <Form.Item {...tailLayout} name="remember" valuePropName="checked">
        <Checkbox>Remember me</Checkbox>
      </Form.Item>

      <Form.Item {...tailLayout}>
        <Button type="primary" htmlType="submit">
          Submit
        </Button>
      </Form.Item>
    </Form>

1 个答案:

答案 0 :(得分:-1)

如异步验证器页面 (https://github.com/yiminghe/async-validator) 中所述

在应用的入口点,您可以执行以下操作来禁用警告消息。

import Schema from 'async-validator';
Schema.warning = function(){};