search

  const [filteredData, setFilteredData] = useState([]);
  const [searchQuery, setSearchQuery] = useState(''); 
 const handleSearch = () => {
    const filtered = books.filter(book => {
      return (
        book.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
        book.author.toLowerCase().includes(searchQuery.toLowerCase())
      );
    });
    setFilteredData(filtered);
  };

  // nhập dữ liệu vào khung search
  useEffect(() => {
    handleSearch();
  }, [searchQuery]);

 <input
            type="text"
            placeholder="Search..."
            value={searchQuery}
            onChange={(e) => setSearchQuery(e.target.value)}
          />

 {filteredData.map((book) => (