当我键入以搜索某个事件或主持人时,出现错误。
这是此搜索和过滤功能的位置(错误位于此处)
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)