如何使用钩子将表单输入值作为数组的对象存储在react中的另一个文件中？

import React, { useState } from 'react';

function FormComponent() {
  const [formData, setFormData] = useState([]);

  // 其他表单逻辑...

  return (
    // 表单内容...
  );
}

export default FormComponent;

import React, { useState } from 'react';

function FormComponent() {
  const [formData, setFormData] = useState([]);

  const handleInputChange = (event) => {
    const { name, value } = event.target;
    setFormData((prevData) => ({
      ...prevData,
      [name]: value,
    }));
  };

  return (
    <form>
      <input type="text" name="name" onChange={handleInputChange} />
      <input type="email" name="email" onChange={handleInputChange} />
      {/* 其他表单输入... */}
    </form>
  );
}

export default FormComponent;

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

function ParentComponent() {
  const handleFormSubmit = (event) => {
    event.preventDefault();

    // 在这里可以访问FormComponent中的formData状态变量，并对其进行进一步处理
    console.log(FormComponent.formData);
  };

  return (
    <div>
      <FormComponent />
      <button onClick={handleFormSubmit}>提交表单</button>
    </div>
  );
}

export default ParentComponent;