Reactjs react ant设计表单中的电子邮件验证

我在reactjs中使用ant设计。尝试使用ant设计规则验证电子邮件。 我的正则表达式不起作用。谁来帮帮我

<Form.Item>
    {getFieldDecorator('email', {
        initialValue:null,
        rules: [
            {
                required: false,
                pattern: new RegExp("/\S+@\S+\.\S+/"),
                message:
                    'Enter a valid email address!',
            },
        ],
    })(
        <Input
            className="form-control"
            type="text"
            placeholder="Email"
        />,
    )}
</Form.Item>

{getFieldDecorator（'电子邮件'{
initialValue:null，
规则：[
{
必填项：false，
模式：新的RegExp（“/\S+@\S+\。\S+/”，
信息：
'输入有效的电子邮件地址！'，
},
],
})(
,
)}

在规则中，您可以直接使用带有值的type key email，而不是regex模式

代码示例

{getFieldDecorator（“电子邮件”{
规则：[
{
要求：正确，
键入：“电子邮件”，
消息：“输入的电子邮件无效！”
}
]
})(
)}

在规则中，您可以直接使用带有值的type key email，而不是regex模式

代码示例

{getFieldDecorator（“电子邮件”{
规则：[
{
要求：正确，
键入：“电子邮件”，
消息：“输入的电子邮件无效！”
}
]
})(
)}

这是否回答了您的问题？这回答了你的问题吗？是的，这是一个简单的方法。通过我解决它regex@HemanthvrmYes，这是一个简单的方法。通过我解决了它regex@Hemanthvrm

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