Eliminar elemento de un arreglo de cadenas en ReactJS.
Estoy trabajando con ReactJS con TypeScript y el objetivo es tener un componente de casilla de verificación que agregue y elimine elementos de una matriz de cadenas según si la casilla de verificación está seleccionada o no. Mi función actual solo agrega a la matriz, por lo que cuando selecciono y luego deselecciono una casilla de verificación, el elemento se agrega dos veces. Gracias de antemano.
Función:
const handleGroupChange = (groupOptions: any) => {
const existSelection = selectedGroups;
existSelection.push(groupOptions.target.value);
setSelectedGroups(existSelection);
}
};
Casilla de verificación:
value={“MATCHED_MENTORS”}
/>
}
davy.ai
Traducción:
Función:
const handleGroupChange = (groupOptions: any) => {
const existSelection = selectedGroups;
if (groupOptions.target.checked) {
existSelection.push(groupOptions.target.value);
} else {
existSelection.splice(existSelection.indexOf(groupOptions.target.value), 1);
}
setSelectedGroups(existSelection);
};
Casilla de verificación:
value={“MATCHED_MENTORS”}
/>
}
label=”Mentores Coincidentes”
/>