React -当用户在表单中搜索API时，如何处理API中没有匹配的情况？

import React, { useState } from 'react';

function SearchForm() {
  const [searchResults, setSearchResults] = useState([]);

  // 其他代码...
}

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

function SearchForm() {
  const [searchResults, setSearchResults] = useState([]);

  const handleSearch = async (keyword) => {
    try {
      const response = await axios.get(`/api/search?keyword=${keyword}`);
      setSearchResults(response.data);
    } catch (error) {
      console.error(error);
    }
  };

  // 其他代码...
}

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

function SearchForm() {
  const [searchResults, setSearchResults] = useState([]);

  const handleSearch = async (keyword) => {
    try {
      const response = await axios.get(`/api/search?keyword=${keyword}`);
      setSearchResults(response.data);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      {/* 表单和搜索按钮... */}
      
      {searchResults.length === 0 && <p>没有找到匹配的API。</p>}
      
      {/* 展示搜索结果... */}
    </div>
  );
}