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

在ReactJS中更改后无法提交的问题可能是由于正则表达式（regex）的错误导致的。正则表达式是一种用于匹配和操作字符串的强大工具，但在使用时需要注意语法和规则。

要尝试使用regex显示无效电子邮件的错误，首先需要编写一个适当的正则表达式来验证电子邮件的有效性。以下是一个示例的正则表达式，用于验证电子邮件的有效性：

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

这个正则表达式的含义是：以字母、数字、下划线、短横线开头，后面跟着一个 @ 符号，然后是一个或多个字母、数字、下划线、短横线、点号，最后以一个点号和两个或多个字母结尾。

在ReactJS中，你可以使用这个正则表达式来验证电子邮件的有效性。以下是一个示例的React组件，用于验证并显示无效电子邮件的错误信息：

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;

在上面的代码中，我们使用useState钩子来管理电子邮件和错误状态。当用户输入电子邮件时，我们更新电子邮件状态。当用户提交表单时，我们使用正则表达式来验证电子邮件的有效性。如果电子邮件无效，我们设置错误状态并显示错误消息。

这只是一个简单的示例，你可以根据自己的需求进行修改和扩展。如果你想了解更多关于ReactJS的内容，可以参考腾讯云的ReactJS产品介绍页面：ReactJS产品介绍。

请注意，以上答案仅供参考，具体实现方式可能因项目需求和技术栈而异。