Estoy aprendiendo a reaccionar y estoy tratando de ordenar y filtrar una lista para mostrarla en un sitio web. Creé una función de clasificación, por ejemplo, y usé Formgroups para mis casillas de verificación. No entiendo cómo puedo vincular las casillas de verificación y hacer que funcionen solo cuando se ha hecho clic en las casillas. `const [cantidad más alta, establecer cantidad más alta] = estado de uso (falso); //hacer una lista vacía que luego se completará cuando cambie el estado

 const [highestAmount, setHighestAmount] = useState(false); //make an empty list that then will be populated when the state changes const sortHighestAmount = list.sort(function (a, b) { return a.amount - b.amount; }).reverse(); console.log(sortHighestAmount); const [lowestAmount, setLowestAmount] = useState(false); const sortHighestAmount = (event) => { console.log(event.target.value); const Highest = list.sort(function (a, b) { return a.amount - b.amount; }); }

<FormControlLabel control={<Checkbox checked={highestAmount} onChange={(event) => setHighestAmount(event.target.checked)} inputProps={{ 'aria-label': 'controlled' }} />} label="Highest Amount" />

 <FormControlLabel control={<Checkbox checked={lowestAmount} onChange={(event) => setLowestAmount(event.target.checked)} inputProps={{ 'aria-label': 'controlled' }} />} label="Lowest Amount" />

`

Estoy tratando de filtrar a través de una lista. He escrito un código de clasificación, pero me resulta un poco difícil hacer un estado useHandle o cualquier otro enlace que pueda ayudarme a clasificar la lista.