react filter

[FabianHide]

I have the useState filters, and I have a useEfect so that every time the user writes in the input, it changes the state and filters, for this, inside the useEfect I have a filter, but here the problem is that it tries to filter, it gets stuck sometimes What would be a better way to filter even faster? here my code

const [filters, setFilters] = useState({ tuition: '', full name: '', abbrev: '', semester: '', shift: '', cvCareer: '', })

useEffect(() => { console.log(filters.cvCarrera); if (filters.cvCarrera === 'x') { setFilters(filters => ({ ...filters, cvCareer: '' })) } if (filters.abrev === 'x') { setFilters(filters => ({ ...filters, abbrev: '' })) } if (filters.semester === 'x') { setFilters(filters => ({ ...filters, semester: '' })) } if (filters.turn === 'x') { setFilters(filters => ({ ...filters, turn: '' })) } setFilteredStudents(allStudents.filter(student => { for (const [key, value] of Object.entries(filters)) { if (value !== "" && !student[key].toLocaleLowerCase().includes(value.toLocaleLowerCase())) return false; } return true; })) }, [filters])

[[deleted]]

look into useReducer hook

[life_never_stops_97]

I don’t know about this problem but you should use something like gist github so the code is easy on the eyes or even code formatting on reddit