const [isItemExpand, setIsItemExpand] = useState([{ ind: 0, isExpand: false }])esta es mi función para hacer verdadero el estado relacionado
const handleExpand = (i: number) => { const newList = [...isItemExpand] newList[i] = { ind: i, isExpand: !isItemExpand[i].isExpand } setIsItemExpand(newList) }Necesito hacer que el estado relacionado con el índice sea verdadero, mientras que al mismo tiempo los estados que no son iguales al índice deben ser falsos. ¿Cómo puedo lograr eso en la misma función anterior?
como ejemplo: en la condición actual, si expando (índice 1), luego expando (índice 2), mi matriz se ve así
0: {ind: 0, isExpand: false} 1: {ind: 1, isExpand: true} 2: {ind: 2, isExpand: true} 3: {ind: 3, isExpand: false}pero después de expandir (índice 2) espero una matriz como esta
0: {ind: 0, isExpand: false} 1: {ind: 1, isExpand: false} 2: {ind: 2, isExpand: true} 3: {ind: 3, isExpand: false}para lograr esto, necesito restablecer todos los demás estados a falso esperado que coincida con el índice
Si entiendo el objetivo correctamente, que solo un elemento debe tener isExpand = true , entonces puede map los elementos y establecer false o true según la condición ind .
const handleExpand = (i: number) => { const newList = isItemExpand.map((item) => ({ ...item, isExpand: item.ind === i })); setIsItemExpand(newList); };actualizado
const handleExpand = (i: number) => { const newList = isItemExpand.map((item) => ({ ...item, isExpand: (item.ind === i) ? !item.isExpand : false }); setIsItemExpand(newList); };