react的antd表单校验，禁止输入空格并触发校验提示

首先需要用到form组件，在form.item内添加rules属性，写正则表达式

<Form.Item
  label="员工姓名"
  name="name"
  rules={[
    { required: true, message: '员工姓名' },
    { pattern: /^(?!\s*$).+$/, message: '不能全是空格' },
   ]}
  >
<Input placeholder="请输入员工姓名" />
</Form.Item>

关键代码：{ pattern: /^(?!\s*$).+$/, message: '不能全是空格' }