Quiero agregar empresas a un determinado usuario. He logrado que al momento de seleccionar una empresa los datos se guarden dentro de un arreglo, pero al momento de deseleccionar me vuelve a guardar el dato que estoy deseleccionado. He tratado de recorrer el arreglo pero no me ha salido.
Aquí estoy seleccionando las empresas
Aquí estoy deseleccionando una empresa pero esta se vuelve a cargar
Aquí podemos ver que el código 020 se vuelve a cargar al momento de deseleccionar y lo que yo busco es eliminarlo al momento de deseleccionar:
//captura los datos al momento de seleccionar un Checkbox
ChangeEmp = (e) => {
this.state.form3.push(e);
console.log(this.state.form3);
};
Aquí tengo mi Modal en donde mando a llamar la función changeEmp
<Modal isOpen={this.state.modalnewEmpresa}>
<ModalHeader style={{ display: "block" }}>
<span style={{ float: "right" }} onClick={() => this.modalnewEmpresa()}>
x
</span>
</ModalHeader>
<ModalBody>
<FormLabel component="legend">Lista de Empresas</FormLabel>
<br />
<br />
<FormControl>
<RadioGroup>
{this.state.empresas.map((empresa, index) => {
return (
<FormControlLabel
key={index}
name={index}
value={empresa.codigo}
control={<Checkbox />}
label={empresa.codigo + " - " + empresa.nombre}
onChange={() => {
this.ChangeEmp(empresa);
}}
/>
);
})}
</RadioGroup>
</FormControl>
</ModalBody>
<ModalFooter>
<button className="btn btn-success">Insertar</button>
<button className="btn btn-danger" onClick={() => this.modalnewEmpresa()}>
Cancelar
</button>
</ModalFooter>
</Modal>;
Checkbox
, saludos