Skip to content
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>
</>

); }`

Clone this wiki locally