我是 React.js 的新手（使用鉤子），想通過簡單的編碼來學習，我的問題是我正在從 ksngfr.com/something.txt 獲取數據，我從那里獲取的數據在圖片中正如你所看到的（在圖片中我剛剛輸入了1-4，但它是1-50）。出于某種原因，當我在輸入“3”中寫入時，它給了我這個（第一張圖片）。我從互聯網上查了一下并提出了這個解決方案。我想實現這一目標：當用戶在輸入中寫入數字“3”時，它應該轉到數據并檢查數字 3（即 3:95426），然后僅返回該結果而沒有其他內容，例如一個框（數字 3） ）和另一個框其值“95426”。英語不是我的母語，抱歉有錯誤我正在獲取的數據：我的代碼：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;