Tengo un par de combobox que lleno con el state el objeto se ve así:
[
productos: [
{ id: "1", value: "Tennis", estado: false },
{ id: "2", value: "Camisa", estado: false },
{ id: "3", value: "Fajas", estado: false }
],
producto: { id: "", value: "", estado: false }
]
Donde el el valor de la opción sería el id y la descripción sería el value. Al seleccionar una opción, el objeto producto se actualiza con la opción seleccionada y habilita un checkbox que al darle click debería cambiar el estado del objeto producto y posteriormente buscar en el objeto productos el producto seleccionado y cambiar el estado ahi también. Tengo 3 combo con la misma estructura, por lo que quiero hacer una función generica para darle el valor al objeto producto u otro objeto con esta estructura y posteriormente otra para actualizar el estado. La primera función luce algo así:
handleDropdown(event) {
const objetoSeleccionado = event.target.value;
if (!(objetoSeleccionado === null || objetoSeleccionado === undefined)) {
const objeto = this.state.[event.target.name].find(
objeto => objeto.id === objetoSeleccionado
);
this.setState({
[event.target.name]: objeto
});
enableInputs();
}
}
Entonces en la línea que hace el this.state.[event.target.name].find
me arroja el error de unexpected token. Entonces, hay algúna manera de hacer esto o tengo que crear una función para cada combo?
Gracias de antemano.