Estoy creando una lista de elementos que necesito ir insertando el valor seleccionado en un array cada vez que se marque un checkbox y en caso que se desmarque, este se elimine del array. Estoy intentando con un push pero algo esta fallando, ya que en algunos momentos pareciera que si se esta agregando y luego deja de funcionar.
Este es mi codigo:
import React, { useState } from "react";
const Checkbox = ({ state }) => {
const arrayCheckbox = [];
const [select, setSelect] = useState([]);
const handleSelectAll = (e) => {
const valueCheckbox = e.target.value;
arrayCheckbox.push(valueCheckbox);
setSelect(arrayCheckbox);
};
return (
<div>
{state.map((el, i) => {
return (
<div key={i}>
<input type="checkbox" value={el} onChange={handleSelectAll} />
{el}
</div>
);
})}
</div>
);
};
export default Checkbox;