如何使用 getfiledecoder 验证 ant design 中的 url

Question

我希望实现 ant design url 验证。使用 getfiledecoder 如何进行 url 验证。

 <Form.Item label={label}>
        {getFieldDecorator(fieldName, {
          initialValue: initialValue,
          rules: [
            {
              required: true,
              whitespace: true,
              message: errorMessage,
              defaultField: { type: 'url' },
            },
          ],
        })(<Input placeholder={placeholder} className={'form-item input-lg'} />)}
      </Form.Item>

我无法进行 url 验证

Answer 1

这是 url 的规则。

rules: [
        {
            required: true,
            message: "This field is required."
        },
        {
            type: "url",
            message: "This field must be a valid url."
        }
    ]