Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Sugerencia] Destructuración de arrays y función useState.

Hola, devs!

En esta clase también vimos un concepto nuevo de JavaScript "destructuración de arrays"


    const [mostrar, actualizarMostrar] = useState(true);

La desestructuración de arrays

Es una característica de JavaScript introducida en ECMAScript 6 (ES6) que nos permite extraer valores de un arreglo y asignarlos a variables individuales. Permite declarar y asignar valores en una sola línea de código.

Ejemplo:


    const miArreglo = [1, 2, 3, 4, 5];

    const [a, b, c, d, e] = miArreglo;

    console.log(a) // 1
    console.log(b) // 2
    console.log(c) // 3
    console.log(d) // 4
    console.log(e) // 5

En el ejemplo anterior extraímos los valores del array "miArreglo" y los asignamos a las variables 'a**', 'b', 'c', 'd', 'e**'.

También podemos agregar valores por defecto a las variables.


    const [a, b, c, d = 0, e = 0] = [10, 20, 30];

    console.log(a) // 10
    console.log(b) // 20
    console.log(c) // 30
    console.log(d) // 0
    console.log(e) // 0

    const [nombre1, nombre2, nombre3="Manuel"] = ["Carlos", "Josefina"]

    console.log(nombre1); // Carlos
    console.log(nombre2); // Josefina
    console.log(nombre3);  // Manuel

Al principio mostré una línea de código realizada en la clase y para entenderla mejor quiero añadir que la función useState() está devolviendo un arreglo de dos elementos. En este caso usamos una variable llamada "Mostrar" (donde vamos a guardar el primer valor, mismo valor que vamos a actualizar) y "actualizarMostrar" (la función que va a actualizar el primer elemento).


    const [mostrar, actualizarMostrar] = useState(true);

1 respuesta

¡Hola Manuel!

Gracias por compartir con nosotros tu sugerencia sobre la desestructuración de arrays y la función useState en React.

La desestructuración de arrays es una característica muy útil de JavaScript que nos permite extraer los valores de un arreglo y asignarlos a variables individuales. En el ejemplo que compartiste, se puede ver cómo se utiliza para asignar los valores devueltos por la función useState a las variables "mostrar" y "actualizarMostrar".

Además, es interesante que menciones que también se pueden agregar valores por defecto a las variables, lo que puede ser muy útil en ciertas situaciones.

En resumen, la desestructuración de arrays es una herramienta muy útil que nos permite trabajar de manera más eficiente con los arreglos en JavaScript, y su uso en conjunto con la función useState es muy común en React.

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)