antd表搜索过滤 [英] antd table search filtering

问题描述

我是react hooks(typescript)的新手，在这里我很难弄清楚如何按2进行过滤，此刻搜索过滤正在使用一个过滤器，并且它是"receiver?.name?"我想再添加一个过滤器，它是正在发送?名称?"

i'm new on react hooks(typescript), here i'm having trouble figuring out how to filter by two, at the moment search filtering is working with one filter and it is 'receiver?.name?' i want to add one more filter and it is 'sending?name?'

这是工作代码:

 const handleSearchh = (searchText: string) => {
    const filteredEvents = orders?.filter(({ receiver }) => {
      const name = receiver?.name?.toLowerCase() ?? "";
      return name.includes(searchText);
    });

    setData(filteredEvents);
  };


<Searchh onSearch={handleSearchh} />



 <Table
 dataSource={Data}
 columns={columns}
 />

我要添加到它

 const filteredEvents = orders?.filter(({ sending }) => {
      const name = sending?.name?.toLowerCase() ?? "";
      return name.includes(searchText);
    });

这是antd表，我希望它通过两个参数(接收方和发送方名称)来过滤搜索

it is antd table i want it to filter the search by two parameters , receivers and senders name

推荐答案

您可以尝试此解决方案.

You can try this solution.

  const handleSearchh = (searchText: string) => {
    filterData(searchText)
  };

 const filterData = (searchText) => {     
    const filteredEvents = orders?.filter(({ receiver, sending }) => {
     const receiverName = receiver?.name?.toLowerCase() ?? "";
     const sendingName = sending?.name?.toLowerCase() ?? "";
     return receiverName.includes(searchText) && sendingName.includes(searchText);
   });

   setData(filteredEvents);    
 }

这篇关于antd表搜索过滤的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！