antd的form 的input輸入框怎麼限制不能輸入空格

AntDesign中的Form表單其實提供了非常豐富的校驗方式，有兩種方式解決input不能輸入空格的問題（具體看自己的需求），其它的校驗也是大同小異，直接上代碼

<Form.Item label="名字">
    {getFieldDecorator('name', {
      rules: [
        {
          required: true,
          message: '請輸入名字',
        },
        // 方式一：正則匹配（提示錯誤，阻止表單提交）
        {
          pattern: /^[^\s]*$/,
          message: '禁止輸入空格',
        }
      ],
      // 方式二：粗暴點<Input>不允許輸入空格(其實是將e.tartget.value轉成控件自己的值)
      // 這個方法的用途非常強大，還可以結合upload做一些文件上傳之後的回調處理
      getValueFromEvent: (event) => {
        return event.target.value.replace(/\s+/g,"")
      },
    })(<Input size="large" placeholder="請輸入名字" maxLength={20} />)}
</Form.Item>