Ant Design中如何给输入框添加正则

如何给 Ant Design的Form组件中的input输入框添加正则，这里以检测是否带有空格为例：

<Form.Item
  label="名字"
  rules={[
    // 方式一：正则匹配（提示错误，阻止表单提交）
    { required: true, message: "用户名输入不能为空" },
    { pattern: /^[^\s]*$/, message: "禁止输入空格" },
  ]}
  // 方式二：粗暴点<Input>不允许输入空格(其实是将e.tartget.value转成控件自己的值)
  // 这个方法的用途非常强大，还可以结合upload做一些文件上传之后的回调处理
  getValueFromEvent={(event) => {
    return event.target.value.replace(/\s+/g, ""); //输入空格会直接被替换掉
  }}
>
  <Input placeholder="请输入名字" />
</Form.Item>;