¿Qué me recomiendan para hacer un componente funcional con exactamente 4 Checkbox? Los he creado dinámicamente mapeando un Array y les coloco su valor checked de un:
const [checked, setChecked] = useState([false, false, false, false])
y luego con una función les cambio el estado, algo tipo:
const checkboxes = array.map( (el, index) => {
return <Checkbox
checked={checked[index]}
onChange={checkedHandler}/>
}
Con un handler:
const checkedHandler = (event, index) => {
setChecked(...)
//Bueno, aquí me quedé corto porque no sé como cambiar el valor de un índice en concreto con ese setChecked.
}
¿O me veré obligado a crear un useState para cada Checkbox?
Mi problema es que no puedo manejar bien su estado checked
con lo que pienso...