提交表单中的React js Axios Get请求

import React, { Component } from 'react';
import axios from 'axios';

class FormComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: null,
    };
  }

  handleSubmit = (event) => {
    event.preventDefault();
    axios.get('https://api.example.com/data')
      .then((response) => {
        this.setState({ data: response.data });
      })
      .catch((error) => {
        console.error(error);
      });
  }

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

    return (
      <div>
        <form onSubmit={this.handleSubmit}>
          {/* 表单元素 */}
          <button type="submit">提交</button>
        </form>

        {data && (
          <div>
            {/* 根据获取的数据渲染内容 */}
            <p>{data}</p>
          </div>
        )}
      </div>
    );
  }
}

export default FormComponent;