使用axios和搜索在react中调用api，但不知道如何操作

npm install axios

import axios from 'axios';

constructor(props) {
  super(props);
  this.state = {
    searchResults: []
  };
}

search(query) {
  axios.get('https://api.example.com/search', {
    params: {
      query: query
    }
  })
  .then(response => {
    // 处理API响应数据
    this.setState({ searchResults: response.data });
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });
}

handleSubmit(event) {
  event.preventDefault();
  const query = event.target.elements.query.value;
  this.search(query);
}

render() {
  return (
    <form onSubmit={this.handleSubmit}>
      <input type="text" name="query" />
      <button type="submit">搜索</button>
    </form>
  );
}