** Tengo una lista de horas de cita que obtengo de la base de datos, quiero verificar si la matriz a continuación, es decir, time3 contiene alguna hora de cita, luego deshabilito esa hora en el lado del cliente, pero el problema es cuando uso condicionales en reactjs se desactiva todo el tiempo **
const time3 = [ ["08:00", "08:10", "08:20", "08:30", "08:40", "08:50"], ["09:00", "09:10", "09:20", "09:30", "09:40", "09:50"], ["10:00", "10:10", "10:20", "10:30", "10:40", "10:50"], ["11:00", "11:10", "11:20", "11:30", "11:40", "11:50"], ["12:00", "12:10", "12:20", "12:30", "12:40", "12:50"], ["13:00", "13:10", "13:20", "13:30", "13:40", "13:50"], ["14:00", "14:10", "14:20", "14:30", "14:40", "14:50"], ["15:00", "15:10", "15:20", "15:30", "15:40", "15:50"], ["16:00", "16:10", "16:20", "16:30", "16:40", "16:50"], ["17:00", "17:10", "17:20", "17:30", "17:40", "17:50"], ["18:00", "18:10", "18:20", "18:30", "18:40", "18:50"] ] let timeArrayList = [] time3.map((timesArray) => { return timesArray.map((time) => { return timeArrayList.push(time) }) })
Esto es lo que estoy representando
{ time3.map((time, i) => { return ( <Panel header={time[0]}> {time.map((t, i) => { return ( <> <button key={i} value={t} disabled={timeArrayList.includes(t) ? true : false} > {t} </button> </> ); })} </Panel> ); }); }
Todos los elementos de la matriz se están deshabilitando, ¿pueden ayudarme? También estoy abierto a refactorizar el código, especialmente la matriz, para que me resulte mucho más fácil acceder a los elementos.