-
Notifications
You must be signed in to change notification settings - Fork 0
Filter
Dali Commerce edited this page Jan 12, 2022
·
1 revision
`function DisplayCrimes({ crimes, categories }) { const [filterCategory, setFilterCategory] = React.useState(null); const filteredCrimes = filterCategory ? crimes.filter(crime => crime.category === filterCategory) : crimes;
return ( <> {categories.map(category => ( <button onClick={() => { setFilterCategory(category); }} key={category} > {category} ))} {filterCategory && ( <button onClick={() => { setFilterCategory(null); }} > reset )}
<pre>{JSON.stringify(filteredCrimes, null, 2)}</pre>
</>
); }`