如何使用react钩子验证表单？

import React, { useState } from 'react';

function FormValidation() {
  const [name, setName] = useState('');
  const [email, setEmail] = useState('');
  // 其他表单字段的状态
}

<input type="text" value={name} onChange={(e) => setName(e.target.value)} />
<input type="email" value={email} onChange={(e) => setEmail(e.target.value)} />

const [nameError, setNameError] = useState('');
const [emailError, setEmailError] = useState('');

// 表单提交处理程序
const handleSubmit = (e) => {
  e.preventDefault();
  
  // 表单字段验证
  if (name === '') {
    setNameError('请输入姓名');
  } else {
    setNameError('');
  }
  
  if (email === '') {
    setEmailError('请输入邮箱');
  } else if (!/\S+@\S+\.\S+/.test(email)) {
    setEmailError('请输入有效的邮箱地址');
  } else {
    setEmailError('');
  }
  
  // 其他表单字段的验证
  
  // 如果所有字段验证通过，则进行提交操作
  if (name !== '' && email !== '' /* && 其他字段验证通过 */) {
    // 执行提交操作
  }
}

<div>{nameError}</div>
<div>{emailError}</div>