¿Cómo podemos generar una matriz de datos como J como elementos X?
Bueno, en realidad es relativamente trivial.
Vamos a mapear este conjunto de trabajos, objetos a un conjunto de J. S. Elementos X porque REACT es capaz de generar
una matriz de elementos JavaScript.
Para eso, déjame mostrarte cómo funciona esto.
Usemos estas llaves simples, porque quiero agregar una expresión de JavaScript aquí.
En mi expresión, aquí hay una matriz simple, pero una matriz de elementos de la lista.
Hola.
Y luego otro.
Esto funciona, imprimí esto en mi código J es X con llaves simples porque este año, por supuesto, no es J es X, es
una matriz, pero es una matriz llena de J es X.
Y si protejo, sale alto y esto funciona.
Recibimos un error o una advertencia que puede ignorar por ahora.
Pero esto funciona en general.
Ahora, dado que esto funciona con datos codificados, también podemos generar nuestra variedad de objetivos para que podamos generar objetivos
de accesorios aquí.
Pero el problema es que los objetivos de los apoyos son al final una matriz de objetos JavaScript, no una matriz de J.
Código ASIC
Entonces, si tratamos de producir este año.
Fallará.
Te dice que los objetos no son válidos como react child.
Mientras que tenemos hijos.
Entonces, al final, no podemos generar objetos JavaScript simples de vainilla en J es X.
En cambio, necesitamos mapear cada objeto en una J como X equivalente.
Así en un elemento renovable.
Así que aquí queremos mapear cada objeto en un elemento de la lista al final.
Entonces, en los objetivos de utilería, que es una matriz.
Podemos llamar al método del mapa.
Ese es un método predeterminado de JavaScript vainilla que existe en cualquier matriz.
El método del mapa toma una función.
Aquí, pasaré una función de flecha que se ejecuta en cada elemento de la matriz.
Llamas al mapa y luego la disfunción aquí volverá.
Transforme las palabras de ese elemento en la matriz original y el mapa general devolverá una nueva matriz
llena de estas piezas de datos transformadas.
Por lo tanto, esta función recibirá el elemento existente aquí.
Entonces, cada objetivo en nuestra matriz de objetivos y luego devuelve un nuevo elemento.
Entonces, en esta nueva matriz, regrese por mapa, quiero tener un montón de elementos J tiene X.
Así que aquí solo devolveré un elemento de la lista.
Que es ella es ex, por supuesto.
Y el elemento de la lista, quiero generar mi texto dorado, no hay objetivo aquí es ese objeto JavaScript que tenemos en su matriz
original, porque esta función se ejecuta en cada elemento de la matriz original y le da el
objeto en la tasa original o los datos pieza en la matriz original como argumento.
Así que el objetivo aquí es ese objeto, que se parece a este año.
Así que solo me interesa el texto aquí.
Y nuevamente, podemos generar el texto generando una expresión de JavaScript aquí.
Por lo tanto, necesitamos llaves en nuestro código J es X aquí y tenemos texto de punto objetivo aquí.
Mi expresión es que accedo a la propiedad de texto en el objeto de oro.
Entonces, lo que sucede aquí es que mapeo mi conjunto de objetos JavaScript simples a un conjunto de elementos J y X, y
tal conjunto de G. S. X elementos es render bill, como aprendiste.
Ahora, enfréntate a la seguridad.
Verás, esto supera mis habilidades básicas nuevamente.
Ahora también recibimos una advertencia sobre una clave única que está relacionada con la forma en que reacciona el DOM y
que quiere hacerlo de manera eficiente.
Aprende más sobre eso en mi React, el curso guía completo.
Y, por lo tanto, cuando genera listas de datos con esta técnica, debe agregar un accesorio especial a
cada elemento que está representando en la lista.
En este caso, a cada elemento de la lista.
Y ese es el accesorio clave que es un accesorio que reacciona.
Y aquí quiero obtener el objetivo I. RE. de nuevo.
Envuelto en llaves.
Porque esta es una expresión regular de JavaScript.
Así que ahora con papá, no recibimos la advertencia y nuestros objetivos del curso.
Así es como sacamos una lista de datos.
Con eso, esto se ve bastante bien.
Estamos enviando nuestra lista de datos.
¿Por qué no trabajamos ahora para agregar alguna funcionalidad que nos permita agregar nuestros propios objetivos?
Ese sería un buen próximo paso.