验证如果表单中存在任何错误，则无法转到react中的下一页

import React, { useState } from 'react';
import { useHistory } from 'react-router-dom';

const FormPage = () => {
  const history = useHistory();
  const [errors, setErrors] = useState({});

  const handleSubmit = (e) => {
    e.preventDefault();
    // 表单验证逻辑，检查表单字段是否符合预期

    if (/* 表单验证失败 */) {
      // 设置错误状态，存储错误信息
      setErrors({ field1: '错误消息1', field2: '错误消息2' });
    } else {
      // 表单验证通过，可以转到下一页
      history.push('/next-page');
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      {/* 表单字段和验证错误消息的展示 */}
      <input type="text" name="field1" />
      {errors.field1 && <span>{errors.field1}</span>}
      
      <input type="text" name="field2" />
      {errors.field2 && <span>{errors.field2}</span>}
      
      <button type="submit">下一页</button>
    </form>
  );
};

export default FormPage;