未使用Formik和Yup在React中提交表单

import React, { useState } from 'react';
import axios from 'axios';

const MyForm = () => {
  const [name, setName] = useState('');
  const [email, setEmail] = useState('');
  const [errorMessage, setErrorMessage] = useState('');

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

    if (name === '') {
      setErrorMessage('请输入姓名');
      return;
    }

    if (email === '') {
      setErrorMessage('请输入电子邮件');
      return;
    }

    try {
      const response = await axios.post('/api/submit-form', { name, email });
      console.log(response.data);
      // 处理成功响应的逻辑
    } catch (error) {
      console.error(error);
      // 处理错误响应的逻辑
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        value={name}
        onChange={(e) => setName(e.target.value)}
      />
      <input
        type="email"
        value={email}
        onChange={(e) => setEmail(e.target.value)}
      />
      <button type="submit">提交</button>
      <p>{errorMessage}</p>
    </form>
  );
};

export default MyForm;