如何从react类组件中保存formData？

import React, { Component } from 'react';

class MyForm extends Component {
  constructor(props) {
    super(props);
    this.state = {
      formData: {
        name: '',
        email: '',
        // 其他表单字段
      }
    };
  }

  handleChange = (event) => {
    const { name, value } = event.target;
    this.setState(prevState => ({
      formData: {
        ...prevState.formData,
        [name]: value
      }
    }));
  }

  handleSubmit = (event) => {
    event.preventDefault();
    // 可以通过访问this.state.formData来获取表单数据
    console.log(this.state.formData);
  }

  render() {
    const { formData } = this.state;

    return (
      <form onSubmit={this.handleSubmit}>
        <input type="text" name="name" value={formData.name} onChange={this.handleChange} />
        <input type="email" name="email" value={formData.email} onChange={this.handleChange} />
        {/* 其他表单字段 */}
        <button type="submit">提交</button>
      </form>
    );
  }
}

export default MyForm;

import React, { Component } from 'react';

class MyForm extends Component {
  constructor(props) {
    super(props);
    this.formDataRef = React.createRef();
  }

  handleSubmit = (event) => {
    event.preventDefault();
    // 可以通过访问this.formDataRef.current.value来获取表单数据
    console.log(this.formDataRef.current.value);
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <input type="text" ref={this.formDataRef} />
        {/* 其他表单字段 */}
        <button type="submit">提交</button>
      </form>
    );
  }
}

export default MyForm;