开源 AI 编程代理

> 创建一个 React 表单组件，包含邮箱验证

正在分析请求...

✓ 已创建 src/components/EmailForm.tsx

export function EmailForm() {
  const [email, setEmail] = useState('')
  const [error, setError] = useState('')

  const validateEmail = (email: string) => {
    const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
    return regex.test(email)
  }

  const handleSubmit = (e: FormEvent) => {
    e.preventDefault()
    if (!validateEmail(email)) {
      setError('请输入有效的邮箱地址')
      return
    }
    // 处理表单提交
  }

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="email"
        value={email}
        onChange={(e) => setEmail(e.target.value)}
        placeholder="your@email.com"
      />
      {error && <span className="error">{error}</span>}
      <button type="submit">提交</button>
    </form>
  )
}