Ich habe versucht, der Suchleiste einen weiteren Wert (Organisationsname) hinzuzufügen, der bereits erfolgreich funktionierte, um nicht nur die SearchTerms-Liste aus Organisation.Thema zu filtern. Aber er hat es nicht hinzugefügt..
const filteredOrganizations = context.allOrganizations.filter((organization) => (organization.topic.searchTerms
.map((term) => term.toLowerCase())
.join(" ") ||
organization.name)
.includes(searchText.toLowerCase()))
Das ist der relevante Teil meiner Rücksendung:
<TableBody>
{filteredOrganizations.map((organization) => (
<StyledTableRow key={organization.id}>
...
Ich hoffe, Sie haben ein paar Ideen
不要使用
||，因为您还想检查组织名称。 只需连接字符串即可const filteredOrganizations = context.allOrganizations.filter(organization => ( organization.topic.searchTerms .map(term => term.toLowerCase()).join(' ') + ' ' + organization.name ) .includes(searchText.toLowerCase()))这就是解决方案：
const filteredOrganizations = context.allOrganizations.filter(organization => { const searchTerms = organization.topic.searchTerms.map(term => term.toLowerCase()).join(" "); const organizationName = organization.name.toLowerCase(); const searchString = `${searchTerms} ${organizationName}`; return searchString.includes(searchText.toLowerCase()); });