tengo una matriz de datos
const projectTypeValues = [ { name: 'Hour', value: 'hour'}, { name: 'Day', value: 'day'}, { name: 'Session', value: 'session'}, { name: 'project', value: 'project'}]A partir de ahí, muestro los botones en un grupo de botones de interfaz de usuario de material a través de un bucle.
{projectTypeValues.map(element=> <Button variant="contained" color="primary">{element.name}</Button> )}¿Cómo deshabilito un par o unos pocos botones de este ciclo mientras otros están activos?
Quiero mostrar todos los 4 botones, pero los otros 3 botones estarán deshabilitados y solo la sesión estará activa
Gracias por tu ayuda
Prueba así
{ projectTypeValues.map(element => ( <Button variant="contained" color="primary" disabled={element.value !== "session"} > {element.name} </Button> )); }