如何将表单错误作为参数发送到父组件？

import React, { useState } from 'react';

const FormComponent = ({ onSubmit }) => {
  const [error, setError] = useState('');

  const handleSubmit = (e) => {
    e.preventDefault();
    // 表单验证逻辑...
    if (/* 验证失败 */) {
      setError('表单验证失败的错误信息');
    } else {
      onSubmit(); // 调用父组件传递的回调函数
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      {/* 表单字段... */}
      <button type="submit">提交</button>
      {error && <p>{error}</p>}
    </form>
  );
};

export default FormComponent;

import React from 'react';
import FormComponent from './FormComponent';

const ParentComponent = () => {
  const handleFormSubmit = (error) => {
    // 处理表单错误信息，例如显示错误提示
    console.log(error);
  };

  return (
    <div>
      <h1>父组件</h1>
      <FormComponent onSubmit={() => handleFormSubmit(error)} />
    </div>
  );
};

export default ParentComponent;