reactjs 通过输入值React过滤数组

yzuktlbb  于 2022-11-29  发布在  React
关注(0)|答案(2)|浏览(170)

我在筛选数组时遇到了一个小问题。
我想显示一个产品过滤输入值与名称或平台或其他值。与名称是没有问题,但我不知道如何做与平台。
最下面是我的逻辑和文件跟产品,txh非常帮忙
实时:live
存储库:repo
第一个

wgx48brx

wgx48brx1#

您需要进行条件检查。
首先,检查搜索文本是否与姓名匹配;如果匹配,则返回列表。2如果不匹配,则检查它是否与平台匹配。

const filteredData = PRODUCT_LIST.filter(el => {

      const findByName = el?.name?.toLowerCase().includes(inputText);
      const findByPlatform = el?.platform?.toLowerCase().includes(inputText);

        if (inputText === '') {
            return
        } else {
            return findByName || findByPlatform
        }
})
2g32fytz

2g32fytz2#

你应该做这样的事情,当你得到空字符串时返回true。让我知道它是否有效。

const filteredData = PRODUCT_LIST.filter(el => {
    if (inputText === '') {
        return true;
    } else {
        return (el.name.toLowerCase().includes(inputText.toLowerCase()) || el.platform.toLowerCase().includes(inputText.toLowerCase()))
    }
})

相关问题