¿Cómo puedo crear una casilla de verificación que se llene cuando item.availability=1 (por ejemplo) elif 0 no está lleno? Puedo devolver {item.availability} en la función Checkbox pero quiero algo más genérico.
export default function Display() { ... function Checkbox({ value }) { const [checked, setChecked] = React.useState(true); return ( <label> <input type="checkbox" defaultChecked={checked} onChange={() => setChecked(!checked)} /> {value} </label> ); } return ( <> .... {"Availability "} <Checkbox ({item[0].availability})/> </div> </div> </> ); }Simplemente puede establecer el apoyo de valor recibido como estado inicial del estado marcado . Luego haga el accesorio marcado en el elemento de entrada según el estado:
function Checkbox({ value }) { const [checked, setChecked] = React.useState(value); return ( <label> <input type="checkbox" checked={checked} onChange={() => setChecked(checked => !checked)} /> {value} </label> ); }Asegúrate de pasar el accesorio correctamente:
<Checkbox value={!!item.availability} />