Reactjs 如何使用getfiledecoder在ant设计中验证url

我希望实现ant设计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验证

我稍微修改了您的代码，使其与ant design示例中显示的内容一致：

对于这里的验证程序类型：

---

她是url的规则

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

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