将setState设置为搜索到的图书数组，以便在查询无效时返回到空白数组

import React, { Component } from 'react';

class BookSearch extends Component {
  constructor(props) {
    super(props);
    this.state = {
      books: [], // 初始状态为空数组
      searchKeyword: '',
    };
  }

  handleSearch = () => {
    // 调用后端API进行图书搜索，并将搜索结果设置为组件状态
    const searchResult = api.searchBooks(this.state.searchKeyword);
    if (searchResult.length === 0) {
      this.setState({ books: [] }); // 搜索结果为空，将状态设置为空数组
    } else {
      this.setState({ books: searchResult }); // 设置搜索到的图书数组为组件状态
    }
  }

  render() {
    return (
      <div>
        <input
          type="text"
          value={this.state.searchKeyword}
          onChange={(e) => this.setState({ searchKeyword: e.target.value })}
        />
        <button onClick={this.handleSearch}>搜索</button>
        <ul>
          {this.state.books.map((book) => (
            <li key={book.id}>{book.title}</li>
          ))}
        </ul>
      </div>
    );
  }
}

export default BookSearch;