在react- in scroll-component中的每个新搜索中替换获取的搜索结果

import React, { useState } from 'react';

const SearchComponent = () => {
  const [searchResults, setSearchResults] = useState([]);

  // 处理搜索逻辑的函数
  const handleSearch = (searchQuery) => {
    // 发起搜索请求，获取搜索结果
    // 这里可以使用你喜欢的网络请求库，比如axios或fetch

    // 假设你使用axios发送GET请求获取搜索结果
    axios.get(`/api/search?q=${searchQuery}`)
      .then(response => {
        // 更新搜索结果状态变量
        setSearchResults(response.data);
      })
      .catch(error => {
        console.error('Error fetching search results:', error);
      });
  };

  return (
    <div>
      {/* 搜索输入框 */}
      <input type="text" onChange={(e) => handleSearch(e.target.value)} />

      {/* 显示搜索结果 */}
      <ul>
        {searchResults.map(result => (
          <li key={result.id}>{result.title}</li>
        ))}
      </ul>
    </div>
  );
};

export default SearchComponent;