Wie verwende ich die Suchleiste mit zwei verschiedenen Werten?
P粉238433862
P粉238433862 2023-09-07 17:28:41
0
2
463

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

P粉238433862
P粉238433862

Antworte allen(2)
P粉745412116

不要使用||,因为您还想检查组织名称。 只需连接字符串即可

const filteredOrganizations = context.allOrganizations.filter(organization => 
(
  organization.topic.searchTerms
    .map(term => term.toLowerCase()).join(' ')
    + ' ' + organization.name
)
.includes(searchText.toLowerCase()))
P粉083785014

这就是解决方案:

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());
    });
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage