我設法從API獲取數據。現在我想在不點擊的情況下從搜索輸入中獲取特定數據。我想我需要這里的過濾功能。我設法聽取了點擊的輸入。但是如何獲取數據呢？任何幫助將不勝感激。這是我的代碼import React, { useState, useEffect } from "react";import CountryListCard from "./CountryListCard";import "./CountryList.scss";export default function CountryList() {  const [data, setData] = useState([]);  const [search, setSearch] = useState("");  const fetchData = () => {    fetch("https://restcountries.eu/rest/v2/all")      .then((res) => res.json())      .then((result) => setData(result))      .catch((err) => console.log("error"));  };  useEffect(() => {    fetchData();  }, []);  function handleChange(e) {    console.log(e.target.value);  }    return (      <div>        <input          className="input"          type="text"          placeholder="search country ..."          value={search}          onChange={handleChange}        />        {data &&          data.map((country) => (            <div className="CountryList" key={country.name}>              <div className="CountryListImg">                <img src={country.flag} alt="" width="80px" />              </div>              <div className="countryName">{country.name}</div>              <div className="population">{country.population}</div>              <div className="region">{country.region}</div>              <div>                {country.languages.map((language, languageIndex) => (                  <div key={languageIndex}>{language.name}</div>                ))}              </div>            </div>          ))}      </div>    );  }