1 00:00:02,300 --> 00:00:04,970 React è tutto sui componenti. 2 00:00:05,130 --> 00:00:05,990 Ora, cosa significa? 3 00:00:06,740 --> 00:00:13,010 Quest'anno, questa funzione qui è, ovviamente, una normale funzione JavaScript, ma è anche una componente di 4 00:00:13,010 --> 00:00:13,610 reazione. 5 00:00:14,000 --> 00:00:15,560 Cosa costituisce un componente di reazione? 6 00:00:16,100 --> 00:00:18,020 Un componente di reazione può essere una delle due cose. 7 00:00:18,230 --> 00:00:20,750 Può essere una funzione che ritorna. 8 00:00:20,760 --> 00:00:28,850 J dice che agisce o restituisce reazione, crea elementi call o può essere una classe JavaScript che ha un metodo di 9 00:00:28,850 --> 00:00:29,270 rendering. 10 00:00:29,810 --> 00:00:38,420 Quindi quest'anno, se cambiassi, questa sarebbe un'app di classe di componenti di reazione che estende il componente di reazione. 11 00:00:38,430 --> 00:00:39,140 È importante. 12 00:00:39,170 --> 00:00:43,310 Devi estendere il componente Reia e quindi aggiungere un metodo di rendering. 13 00:00:43,700 --> 00:00:46,790 E in quel metodo di rendering restituisci G. S. X. 14 00:00:47,090 --> 00:00:50,570 Anche questo è un componente di reazione regolare. 15 00:00:50,570 --> 00:00:53,810 E se per sicurezza, Darfor vedesse lo stesso risultato di prima. 16 00:00:53,840 --> 00:00:55,820 Funziona praticamente allo stesso modo. 17 00:00:56,360 --> 00:01:01,490 Ci sono alcune differenze tecniche di cui ho discusso in dettaglio nella mia reazione un corso guida completo 18 00:01:01,850 --> 00:01:02,220 qui. 19 00:01:02,330 --> 00:01:03,440 Non importa davvero. 20 00:01:03,770 --> 00:01:09,320 Nella reazione moderna è possibile utilizzare solo componenti funzionali, quindi componenti basati sulle funzioni. 21 00:01:09,680 --> 00:01:11,450 Ed è quindi quello che farà in questo corso. 22 00:01:11,510 --> 00:01:13,610 Scriveremo ogni componente come funzione. 23 00:01:13,940 --> 00:01:15,030 Non è un must. 24 00:01:15,140 --> 00:01:19,790 E come ho detto nella mia reazione, una guida completa, impari entrambi i tipi e come differiscono. 25 00:01:20,030 --> 00:01:24,050 Ma usare i componenti funzionali è sicuramente un modo moderno di usare reagire. 26 00:01:24,320 --> 00:01:25,910 Ed è quindi il modo in cui useremo. 27 00:01:26,540 --> 00:01:30,430 Ma tieni sempre presente che questa è solo una normale funzione lavorativa. 28 00:01:30,800 --> 00:01:39,260 Ciò che lo rende un componente di reazione è che restituisce questo J come X o reagisce creando la logica dell'elemento. 29 00:01:39,290 --> 00:01:44,150 Alla fine qui, se torniamo, diciamo che un oggetto fa invece cosa? 30 00:01:44,210 --> 00:01:47,590 Non essere un componente di reazione e quindi si ottiene un errore se si è sicuri. 31 00:01:47,990 --> 00:01:53,990 Deve essere davvero J come codice X, qualcosa che può essere interpretato come S. J come X piace questo qui. 32 00:01:54,380 --> 00:01:56,630 Ecco come reagisce, funziona. 33 00:01:56,930 --> 00:02:02,750 E quindi eccomi qui, esportando scavando il mio componente perché questo viene trattato come un componente e anche i tuoi 34 00:02:02,780 --> 00:02:05,510 componenti possono essere usati in J come X. 35 00:02:05,570 --> 00:02:10,910 L'unica cosa importante è che dovrebbero iniziare con un carattere maiuscolo nel file in cui li 36 00:02:10,910 --> 00:02:18,770 hai usati in J come X, perché questo dice a reagire che non è un'app di tag H Timal integrata, non sarebbe un tag 37 00:02:18,770 --> 00:02:21,560 incorporato, ma che è un componente personalizzato. 38 00:02:21,740 --> 00:02:26,310 E questa informazione è importante per reagire e quindi iniziare con un personaggio dell'opera. 39 00:02:26,600 --> 00:02:30,210 Ma poi puoi usare qualsiasi componente personalizzato in J is X. 40 00:02:30,680 --> 00:02:38,150 E il bello adesso è che possiamo costruire la nostra applicazione da piccoli componenti riutilizzabili e comporre la nostra 41 00:02:38,270 --> 00:02:41,390 interfaccia utente con l'aiuto di tali componenti. 42 00:02:42,060 --> 00:02:43,290 Ed era per questo che non lo facciamo? 43 00:02:43,310 --> 00:02:48,390 Perché non costruiamo una semplice prima applicazione di reazione e vediamo come funzionano le cose lì?