尝试使用regex显示无效电子邮件的错误，但在更改reactjs后无法提交

const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

import React, { useState } from 'react';

const EmailForm = () => {
  const [email, setEmail] = useState('');
  const [error, setError] = useState('');

  const handleEmailChange = (e) => {
    setEmail(e.target.value);
  };

  const handleSubmit = (e) => {
    e.preventDefault();

    if (!emailRegex.test(email)) {
      setError('Invalid email');
    } else {
      // Submit the form
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="email" value={email} onChange={handleEmailChange} />
      <button type="submit">Submit</button>
      {error && <p>{error}</p>}
    </form>
  );
};

export default EmailForm;