En componentes funcionales dentro de ReactJS, la siguiente línea permite la creación de:
Ejemplo en JS:
let [count, setCount] = useState([]);¿Cómo funciona esto desde el punto de vista de una declaración y cómo se llama este tipo de declaración?
Entiendo declaraciones básicas como let array = []; etc., pero no estoy familiarizado con lo contrario.
Cuando usa useState en reactJS. Devolverá una matriz de dos valores.
Entonces puede obtener el valor individualmente usando el index como:
let arr = useState([]); const count = arr[0]; const setCount = arr[1]; o también puede usar la destructuring como:
let [count, setCount] = useState([]);A continuación se muestra un ejemplo de cómo funciona la desestructuración
function customUseState(initialValue) { let val = initialValue; function changeVal(newVal) { val = newVal } return [val, changeVal]; } // This is how destructure works const [count, setCount] = customUseState(0);Usestate devuelve una matriz con dos elementos: el primero es el valor o estado en su caso "contar" y el segundo es la función utilizada para actualizar el estado en su caso "setCount". Aquí no los estás declarando, los estás desestructurando. Es lo mismo que hacemos con la desestructuración de objetos.
{name,age}={obj} estamos desestructurando el nombre y la edad del obj de la misma manera que está extrayendo count y setCount de usestate. Y la destrucción de matrices depende de la posición de los elementos en lugar de los nombres de las variables, mientras que en la destrucción de objetos depende de los nombres de las variables.