Come possiamo generare una matrice di dati come J come elementi X?
Bene, in realtà è relativamente banale.
Mapperemo questa matrice di lavori, oggetti su una matrice di J. S. X elementi perché REACT è in grado di
generare una matrice di elementi JavaScript.
Per questo, lascia che ti mostri come funziona.
Usiamo queste parentesi graffe singole, perché voglio aggiungere un'espressione JavaScript qui.
Nella mia espressione, ecco un array semplice, ma un array di voci di elenco.
Ciao.
E poi un altro.
Funziona, ho emesso questo nel mio codice J is X con le singole parentesi graffe perché quest'anno ovviamente non è J è X, è
un array, ma è un array pieno di J è X.
E se sono sicuro, esce in alto e questo funziona.
Riceviamo un errore o un avviso che puoi ignorare per ora.
Ma questo funziona in generale.
Ora, dal momento che funziona con dati codificati, possiamo anche generare la nostra gamma di obiettivi in modo da poter produrre qui gli
obiettivi dei puntelli.
Ma il problema è che gli obiettivi degli oggetti di scena sono alla fine una matrice di oggetti JavaScript, non una matrice di J.
Codice ASIC.
Quindi, se proviamo a produrre quest'anno.
Fallirà.
Ti dice che gli oggetti non sono validi come bambino secondario.
Considerando che abbiamo figli.
Quindi, alla fine, non possiamo generare semplici oggetti JavaScript vaniglia in J is X.
Invece, dobbiamo mappare ogni oggetto in un J come equivalente X.
Quindi in un elemento rinnovabile.
Quindi qui vogliamo mappare ogni oggetto in una voce di elenco alla fine.
Quindi su obiettivi di oggetti di scena, che è un array.
Possiamo chiamare il metodo della mappa.
Questo è un metodo JavaScript vaniglia predefinito che esiste su qualsiasi array.
Il metodo map accetta una funzione.
Qui, passerò una funzione freccia che viene eseguita su ogni elemento dell'array.
Chiamate la mappa e poi tornerà la disfunzione.
Trasforma le parole di quell'elemento nell'array originale e la mappa generale restituirà quindi un nuovo array pieno
di questi pezzi di dati trasformati.
Quindi questa funzione riceverà quindi l'elemento esistente qui.
Quindi ogni obiettivo nella nostra gamma di obiettivi e quindi restituisce un nuovo elemento.
Quindi, in questo nuovo array, ritorno sulla mappa, voglio avere un gruppo di J con elementi X.
Quindi qui restituirò solo un elemento dell'elenco.
Quale è lei, ovviamente.
E la voce dell'elenco, desidero generare il mio testo gold, nessun obiettivo qui è quell'oggetto JavaScript che abbiamo nell'array
originale, perché questa funzione viene eseguita su ogni elemento dell'array originale e ti dà l'oggetto
nella velocità originale o nei dati pezzo nella matrice originale come argomento.
Quindi l'obiettivo qui è quell'oggetto, che sembra quest'anno.
Quindi sono interessato solo al testo qui.
E ancora, possiamo generare il testo emettendo qui un'espressione JavaScript.
Quindi, abbiamo bisogno di parentesi graffe nel nostro codice J is X qui e qui abbiamo il testo del punto obiettivo.
La mia espressione è che accedo alla proprietà text sull'oggetto gold.
Quindi ora quello che succede qui è che mappa il mio array di semplici oggetti JavaScript su un array di J è X elementi, e un
tale array di G. S. X elementi è render render, come hai imparato.
Ora, faccia la sicurezza.
Vedi, questo supera di nuovo le mie capacità principali.
Ora riceviamo anche un avviso relativo a una chiave univoca correlata al modo in cui la reazione restituisce il DOM e
che vuole farlo in modo efficiente.
Maggiori informazioni su questo nel mio React, il corso guida completo.
E quindi, ogni volta che produci elenchi di dati con questa tecnica, devi aggiungere un sostegno
speciale a ogni elemento che stai visualizzando nell'elenco.
In questo caso, per ogni elemento dell'elenco.
E questo è il sostegno chiave che è un supporto che la reazione stessa comprende.
E qui voglio realizzare l'obiettivo I. D. ancora.
Avvolto tra parentesi graffe.
Perché questa è un'espressione JavaScript regolare.
Quindi ora con papà non riceviamo l'avvertimento e raggiungiamo gli obiettivi del nostro corso.
Quindi è così che abbiamo prodotto un elenco di dati.
Detto questo, sembra piuttosto buono.
Stiamo producendo il nostro elenco di dati.
Perché ora non lavoriamo sull'aggiunta di alcune funzionalità che ci consentono di aggiungere i nostri obiettivi?
Sarebbe un bel passo successivo.