我是 React.js 的新手（使用鉤子），想通過(guò)簡(jiǎn)單的編碼來(lái)學(xué)習(xí)，我的問(wèn)題是我正在從 ksngfr.com/something.txt 獲取數(shù)據(jù)，我從那里獲取的數(shù)據(jù)在圖片中正如你所看到的（在圖片中我剛剛輸入了1-4，但它是1-50）。出于某種原因，當(dāng)我在輸入“3”中寫(xiě)入時(shí)，它給了我這個(gè)（第一張圖片）。我從互聯(lián)網(wǎng)上查了一下并提出了這個(gè)解決方案。我想實(shí)現(xiàn)這一目標(biāo)：當(dāng)用戶在輸入中寫(xiě)入數(shù)字“3”時(shí)，它應(yīng)該轉(zhuǎn)到數(shù)據(jù)并檢查數(shù)字 3（即 3:95426），然后僅返回該結(jié)果而沒(méi)有其他內(nèi)容，例如一個(gè)框（數(shù)字 3） ）和另一個(gè)框其值“95426”。英語(yǔ)不是我的母語(yǔ)，抱歉有錯(cuò)誤我正在獲取的數(shù)據(jù)：我的代碼：function App() {  const [data, setData] = useState([]);  const [searchResults, setSearchResults] = useState([]);  const [searchTerm, setSearchTerm] = useState("");  const obj = {};  useEffect(() => {    const fetchData = () => {      let corsAnywhere = "https://cors-anywhere.herokuapp.com/";      let something = "http://ksngfr.com/something.txt";       fetch(corsAnywhere + something)        .then((response) => response.text())        .then((result) => {          const theDataArr = result.replace(/\n/g, " ");          const f = theDataArr.split(" ");          setData(f);        });    };    fetchData();  }, []);  data.forEach((d) => {    var propertyK = d.split(":")[0];    var propertyv = d.split(":")[1];    obj[propertyK] = propertyv;  });  const k = Object.keys(obj);  useEffect(() => {    const results = k.filter((person) =>      person.toLowerCase().includes(searchTerm)    );    setSearchResults(results);  }, [searchTerm]);  console.log(data);  return (    <div>      <input        type="text"        value={searchTerm}        placeholder="Search..."        onChange={(e) => setSearchTerm(e.target.value)}      />      <div>        {searchResults.map((value, index) => (          <div>            <div>              <IndexBox key={index} index={index + 1} />            </div>            <div>              <ValueBox key={index} value={value} />            </div>          </div>        ))}      </div>    </div>  );}export default App;