小编Sam*_*ami的帖子

如何在 React 中过滤或搜索对象数组?

当我键入以搜索某个事件或主持人时,出现错误。

这是此搜索和过滤功能的位置(错误位于此处)

handleSearch = query => {
  this.setState({ searchQuery: query });
  this.getPagedData();
};

getPagedData = () => {
  const { searchQuery, events: allEvents } = this.state;

  let filtered = allEvents;
  if (searchQuery) {
    filtered = allEvents.filter(
      e =>
        e.title.toLowerCase().startsWith(searchQuery.toLowerCase()) ||
        e.hostName.toLowerCase().startsWith(searchQuery.toLowerCase())
    );
  }

  if (searchQuery.length === 0 || searchQuery.length === 1) {
    this.setState({
      events: getEvents()
    });
  } else {
    this.setState({
      events: filtered
    });
  }

  return { totalCount: filtered.length };
};
Run Code Online (Sandbox Code Playgroud)

搜索框文件:

const SearchBox = ({ value, onChange }) => { …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

1
推荐指数
1
解决办法
4690
查看次数

标签 统计

javascript ×1

reactjs ×1