Email validation in React ant design form

In rules, you can directly make use of the type key with the value email instead of the regex pattern.

Code sample https://codesandbox.io/s/stackoverflowantdemail-9jckh?file=/index.js:916-1352

<Form.Item>
  {getFieldDecorator("email", {
    rules: [
      {
        required: true,
        type: "email",
        message: "The input is not valid E-mail!",
      },
    ],
  })(<Input placeholder="Email" />)}
</Form.Item>;

<Form.Item
    name="email"
    label="E-mail"
    rules={[
      {
        type: 'email',
        message: 'The input is not valid E-mail!',
      },
      {
        required: true,
        message: 'Please input your E-mail!',
      },
    ]}
  >
    <Input />
  </Form.Item>