Tengo una variedad de objetos.
const units = [ {id: 1, status: "AVAILABLE"}, {id: 1, status: "ASSIGNED"}, {...} ] Mi objetivo es escribir una función que filtre la matriz en dos nuevas matrices: una matriz para objetos que tienen status: "AVAILABLE" y otra matriz para objetos que tienen status: "ASSIGNED"
estoy configurando el estado
const [availableUnits, setAvailableUnits] = useState([]); const [assignedUnits, setAssignedUnits] = useState([]);Quiero filtrar a través de la matriz de unidades y establecer cada nueva matriz en su estado dado. Estaba tratando de hacer algo como esto:
setAvailableUnits(() => units.filter((unit) => { return unit.status === "AVAILABLE"; }))Aunque esto no funciona. Me gustaría una función que filtre y establezca el estado de ambos estados.
Gracias.
Puedes hacer esto como el siguiente código
setAvailableUnits(data.filter((v)=> v.status === "AVAILABLE")); setAssignedUnits(data.filter((v)=> v.status === "ASSIGNED"));si units ya se conocen antes de renderizar el componente, puede probar esto
const [availableUnits, setAvailableUnits] = useState(units.filter((v)=> v.status === "AVAILABLE")); const [assignedUnits, setAssignedUnits] = useState(units..filter((v)=> v.status === "ASSIGNED")); si no y viene de ir a fetching por ejemplo
puedes probar
setAvailableUnits(data.filter((v)=> v.status === "AVAILABLE")); setAssignedUnits(data.filter((v)=> v.status === "ASSIGNED"));Esto solo funcionará si solo hay dos estados disponibles: AVAILABLE y ASSIGNED . Modifique la instrucción if si desea incluir más estados.
const units = [ {id: 1, status: "AVAILABLE"}, {id: 1, status: "ASSIGNED"}, ]; const newAvailableUnits = []; const newAssignedUnits = []; units.forEach((unit) => { if (unit.status === "AVAILABLE") newAvailableUnits.push(unit); else newAssignedUnits.push(unit); }) setAvailableUnits(newAvailableUnits); setAssignedUnits(newAssignedUnits);