1
00:00:02,070 --> 00:00:07,740
Come possiamo generare una matrice di dati come J come elementi X?

2
00:00:08,280 --> 00:00:10,200
Bene, in realtà è relativamente banale.

3
00:00:10,740 --> 00:00:19,500
Mapperemo questa matrice di lavori, oggetti su una matrice di J. S. X elementi perché REACT è in grado di

4
00:00:19,560 --> 00:00:21,960
generare una matrice di elementi JavaScript.

5
00:00:22,450 --> 00:00:23,730
Per questo, lascia che ti mostri come funziona.

6
00:00:23,760 --> 00:00:28,170
Usiamo queste parentesi graffe singole, perché voglio aggiungere un'espressione JavaScript qui.

7
00:00:28,500 --> 00:00:33,090
Nella mia espressione, ecco un array semplice, ma un array di voci di elenco.

8
00:00:33,270 --> 00:00:33,900
Ciao.

9
00:00:35,560 --> 00:00:36,510
E poi un altro.

10
00:00:36,940 --> 00:00:44,680
Funziona, ho emesso questo nel mio codice J is X con le singole parentesi graffe perché quest'anno ovviamente non è J è X, è

11
00:00:44,680 --> 00:00:48,700
un array, ma è un array pieno di J è X.

12
00:00:49,030 --> 00:00:52,150
E se sono sicuro, esce in alto e questo funziona.

13
00:00:52,300 --> 00:00:54,880
Riceviamo un errore o un avviso che puoi ignorare per ora.

14
00:00:55,210 --> 00:00:56,710
Ma questo funziona in generale.

15
00:00:57,430 --> 00:01:04,390
Ora, dal momento che funziona con dati codificati, possiamo anche generare la nostra gamma di obiettivi in modo da poter produrre qui gli

16
00:01:04,390 --> 00:01:05,470
obiettivi dei puntelli.

17
00:01:05,860 --> 00:01:12,490
Ma il problema è che gli obiettivi degli oggetti di scena sono alla fine una matrice di oggetti JavaScript, non una matrice di J.

18
00:01:12,490 --> 00:01:13,030
Codice ASIC.

19
00:01:13,840 --> 00:01:15,400
Quindi, se proviamo a produrre quest'anno.

20
00:01:16,400 --> 00:01:17,300
Fallirà.

21
00:01:17,540 --> 00:01:21,210
Ti dice che gli oggetti non sono validi come bambino secondario.

22
00:01:21,450 --> 00:01:22,460
Considerando che abbiamo figli.

23
00:01:22,760 --> 00:01:28,210
Quindi, alla fine, non possiamo generare semplici oggetti JavaScript vaniglia in J is X.

24
00:01:28,730 --> 00:01:34,390
Invece, dobbiamo mappare ogni oggetto in un J come equivalente X.

25
00:01:34,490 --> 00:01:36,860
Quindi in un elemento rinnovabile.

26
00:01:37,520 --> 00:01:41,210
Quindi qui vogliamo mappare ogni oggetto in una voce di elenco alla fine.

27
00:01:42,050 --> 00:01:44,180
Quindi su obiettivi di oggetti di scena, che è un array.

28
00:01:44,660 --> 00:01:46,370
Possiamo chiamare il metodo della mappa.

29
00:01:46,580 --> 00:01:50,450
Questo è un metodo JavaScript vaniglia predefinito che esiste su qualsiasi array.

30
00:01:50,840 --> 00:01:53,300
Il metodo map accetta una funzione.

31
00:01:54,110 --> 00:01:59,400
Qui, passerò una funzione freccia che viene eseguita su ogni elemento dell'array.

32
00:01:59,450 --> 00:02:04,220
Chiamate la mappa e poi tornerà la disfunzione.

33
00:02:04,630 --> 00:02:10,630
Trasforma le parole di quell'elemento nell'array originale e la mappa generale restituirà quindi un nuovo array pieno

34
00:02:10,730 --> 00:02:13,100
di questi pezzi di dati trasformati.

35
00:02:13,910 --> 00:02:17,810
Quindi questa funzione riceverà quindi l'elemento esistente qui.

36
00:02:17,900 --> 00:02:22,490
Quindi ogni obiettivo nella nostra gamma di obiettivi e quindi restituisce un nuovo elemento.

37
00:02:23,150 --> 00:02:28,010
Quindi, in questo nuovo array, ritorno sulla mappa, voglio avere un gruppo di J con elementi X.

38
00:02:28,100 --> 00:02:30,830
Quindi qui restituirò solo un elemento dell'elenco.

39
00:02:31,850 --> 00:02:33,320
Quale è lei, ovviamente.

40
00:02:35,100 --> 00:02:41,730
E la voce dell'elenco, desidero generare il mio testo gold, nessun obiettivo qui è quell'oggetto JavaScript che abbiamo nell'array

41
00:02:41,730 --> 00:02:46,770
originale, perché questa funzione viene eseguita su ogni elemento dell'array originale e ti dà l'oggetto

42
00:02:46,770 --> 00:02:51,240
nella velocità originale o nei dati pezzo nella matrice originale come argomento.

43
00:02:51,600 --> 00:02:54,630
Quindi l'obiettivo qui è quell'oggetto, che sembra quest'anno.

44
00:02:56,010 --> 00:02:57,660
Quindi sono interessato solo al testo qui.

45
00:02:57,900 --> 00:03:02,150
E ancora, possiamo generare il testo emettendo qui un'espressione JavaScript.

46
00:03:02,340 --> 00:03:07,970
Quindi, abbiamo bisogno di parentesi graffe nel nostro codice J is X qui e qui abbiamo il testo del punto obiettivo.

47
00:03:09,010 --> 00:03:12,670
La mia espressione è che accedo alla proprietà text sull'oggetto gold.

48
00:03:13,540 --> 00:03:21,250
Quindi ora quello che succede qui è che mappa il mio array di semplici oggetti JavaScript su un array di J è X elementi, e un

49
00:03:21,490 --> 00:03:25,630
tale array di G. S. X elementi è render render, come hai imparato.

50
00:03:27,780 --> 00:03:28,950
Ora, faccia la sicurezza.

51
00:03:30,600 --> 00:03:33,060
Vedi, questo supera di nuovo le mie capacità principali.

52
00:03:33,810 --> 00:03:40,250
Ora riceviamo anche un avviso relativo a una chiave univoca correlata al modo in cui la reazione restituisce il DOM e

53
00:03:40,290 --> 00:03:42,180
che vuole farlo in modo efficiente.

54
00:03:42,450 --> 00:03:45,030
Maggiori informazioni su questo nel mio React, il corso guida completo.

55
00:03:45,360 --> 00:03:51,330
E quindi, ogni volta che produci elenchi di dati con questa tecnica, devi aggiungere un sostegno

56
00:03:51,570 --> 00:03:54,600
speciale a ogni elemento che stai visualizzando nell'elenco.

57
00:03:54,630 --> 00:03:56,010
In questo caso, per ogni elemento dell'elenco.

58
00:03:56,390 --> 00:04:00,390
E questo è il sostegno chiave che è un supporto che la reazione stessa comprende.

59
00:04:00,690 --> 00:04:03,120
E qui voglio realizzare l'obiettivo I. D. ancora.

60
00:04:03,280 --> 00:04:04,480
Avvolto tra parentesi graffe.

61
00:04:04,500 --> 00:04:06,810
Perché questa è un'espressione JavaScript regolare.

62
00:04:08,350 --> 00:04:11,740
Quindi ora con papà non riceviamo l'avvertimento e raggiungiamo gli obiettivi del nostro corso.

63
00:04:12,130 --> 00:04:14,380
Quindi è così che abbiamo prodotto un elenco di dati.

64
00:04:16,400 --> 00:04:18,650
Detto questo, sembra piuttosto buono.

65
00:04:18,680 --> 00:04:20,150
Stiamo producendo il nostro elenco di dati.

66
00:04:20,300 --> 00:04:26,000
Perché ora non lavoriamo sull'aggiunta di alcune funzionalità che ci consentono di aggiungere i nostri obiettivi?

67
00:04:26,300 --> 00:04:27,920
Sarebbe un bel passo successivo.