我正在嘗試制作一個(gè)包含 api 數(shù)據(jù)可搜索的表。我正在路上，但不確定如何進(jìn)一步進(jìn)行。代碼如下所示：const [searchTerm, setSearchTerm] = useState("");    const [searchResults, setSearchResults] = useState([]);        const handleChange = event => {        setSearchTerm(event.target.value);    };    useEffect(() => {        const results = apiData.filter(person =>             person.toLowerCase().includes(searchTerm)        );        setSearchResults(results);    }, [searchTerm]);    const renderPerson = (contact, index) => {        return (            <tr key={index}>                <td>{contact.ID}</td>                <td>{contact.Info.Name}</td>                <td>{contact.InfoID}</td>                <td>{contact.Info.DefaultEmail.EmailAddress}</td>                <td>{contact.Info.DefaultPhone.Number}</td>                <td>{contact.Info.InvoiceAddress.AddressLine1}</td>            </tr>        )    } return (        <Fragment>            <input type="text" value={searchTerm} onChange={handleChange} placeholder="S?k.."></input>            <table id="myTable">                <thead>                    <tr className="header">                        <th>ID</th>                        <th>Navn</th>                        <th>Info Id</th>                        <th>E-post</th>                        <th>Telefon</th>                        <th>Adresse</th>                    </tr>                </thead>                <tbody>                    {apiData.map(renderPerson)}                </tbody>            </table>        </Fragment>    )https://dev.to/asimdahall/simple-search-form-in-react-using-hooks-42pg 我已經(jīng)遵循了本指南，但是由于我有 renderPerson 函數(shù)，我有點(diǎn)不確定如何處理這。問(wèn)題：有什么方法可以讓它發(fā)揮作用，還是我的方法不對(duì)？我知道我需要以某種方式將 searchResult 放入 tbody 中，但隨后表將不會(huì)被填充。