Tengo una función que retorna un arreglo con 2 valores y los desestructuro. La función recibe un string
, el cual dentro de la función, lo retorna en varOriginal
. Y el segundo valor del arreglo es una función a la cual le paso un string "Silla"
y el valorOriginal
debe cambiar a "Silla"
luego de apretar un botón. El tema es que no funciona porque no se manejar el scope.
const [varOriginal, varFuncion] = funcionCambiante("Mesa");
En resumen: Al apretar el botón, quiero que la variable varOriginal
devuelva el valor que le mande por la otra función, en este caso "Silla"
. Adjunto mi código:
const funcionCambiante = original => {
let primerValor = original;
//Funcion que cambia variable
const cambioVariable = segundoValor => {
primerValor = segundoValor;
};
return [primerValor, cambioVariable];
};
//Desestructuro la funcion.
const [varOriginal, varFuncion] = funcionCambiante('Mesa');
console.log(varOriginal);
const cambiarValor = () => {
varFuncion('Silla');
console.log(varOriginal); //Sigue devolviendo Mesa y no Silla
};
<button onclick="cambiarValor()">Cambiar</button>