Bagaimana untuk menggunakan bar carian dengan dua nilai berbeza?

Question

Saya cuba menambah nilai lain (organization.name) pada bar carian yang telah berjaya berfungsi, untuk bukan sahaja menapis senarai SearchTerms daripada organization.topic. Tapi dia tak tambah..

const filteredOrganizations = context.allOrganizations.filter((organization) => (organization.topic.searchTerms
        .map((term) => term.toLowerCase())
        .join(" ") ||
        organization.name)
        .includes(searchText.toLowerCase()))

Ini adalah bahagian yang berkaitan dengan pulangan saya:

<TableBody>
                            {filteredOrganizations.map((organization) => (

                                <StyledTableRow key={organization.id}>
...

Semoga anda mempunyai idea

Answer 1

Jangan gunakan || kerana anda juga ingin menyemak nama organisasi. Hanya satukan tali

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

Answer 2

Ini penyelesaiannya:

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());
    });