1 00:00:02,300 --> 00:00:04,970 Bei React dreht sich alles um Komponenten. 2 00:00:05,130 --> 00:00:05,990 Was bedeutet das nun? 3 00:00:06,740 --> 00:00:13,010 In diesem Jahr ist diese Funktion hier natürlich eine reguläre JavaScript-Funktion, aber sie ist auch eine 4 00:00:13,010 --> 00:00:13,610 Reaktionskomponente. 5 00:00:14,000 --> 00:00:15,560 Was macht eine Reaktionskomponente aus? 6 00:00:16,100 --> 00:00:18,020 Eine Reaktionskomponente kann eines von zwei Dingen sein. 7 00:00:18,230 --> 00:00:20,750 Es kann eine Funktion sein, die zurückgibt. 8 00:00:20,760 --> 00:00:29,270 J sagt, dass Acts oder Returns reagieren, Elementaufrufe erstellen oder eine JavaScript-Klasse mit einer Rendermethode sein kann. 9 00:00:29,810 --> 00:00:38,420 Wenn ich mich in diesem Jahr ändern würde, wäre dies alles eine React Component Class App, die die React Component erweitert. 10 00:00:38,430 --> 00:00:39,140 Das ist wichtig. 11 00:00:39,170 --> 00:00:43,310 Sie müssen die Reia-Komponente erweitern und dann eine Rendermethode hinzufügen. 12 00:00:43,700 --> 00:00:46,790 Und in dieser Rendermethode geben Sie G zurück. S. X. X. 13 00:00:47,090 --> 00:00:50,570 Dies ist ebenfalls eine regelmäßige Reaktionskomponente. 14 00:00:50,570 --> 00:00:53,810 Und wenn ich Sie versichere, sieht Darfor die gleiche Ausgabe wie zuvor. 15 00:00:53,840 --> 00:00:55,820 Es funktioniert im Grunde genauso. 16 00:00:56,360 --> 00:01:01,490 Es gibt einige technische Unterschiede, die ich in meiner Reaktion auf einen vollständigen Leitfaden hier ausführlich besprochen 17 00:01:01,850 --> 00:01:02,220 habe. 18 00:01:02,330 --> 00:01:03,440 Es ist nicht wirklich wichtig. 19 00:01:03,770 --> 00:01:09,320 In der modernen Reaktion können Sie nur Funktionskomponenten verwenden, also funktionsbasierte Komponenten. 20 00:01:09,680 --> 00:01:11,450 Und genau das wird es in diesem Kurs tun. 21 00:01:11,510 --> 00:01:13,610 Wir werden jede Komponente als Funktion schreiben. 22 00:01:13,940 --> 00:01:15,030 Es ist kein Muss. 23 00:01:15,140 --> 00:01:19,790 Und wie ich in meiner Reaktion, einer vollständigen Anleitung, erwähnt habe, lernen Sie beide Typen kennen und wie sie sich unterscheiden. 24 00:01:20,030 --> 00:01:24,050 Die Verwendung von Funktionskomponenten ist jedoch definitiv eine moderne Art der Reaktion. 25 00:01:24,320 --> 00:01:25,910 Und so werden wir es auch benutzen. 26 00:01:26,540 --> 00:01:30,430 Denken Sie jedoch immer daran, dass dies nur eine reguläre Jobfunktion ist. 27 00:01:30,800 --> 00:01:39,260 Was es zu einer Reaktionskomponente macht, ist, dass es dieses J als X zurückgibt oder eine Reaktionserstellungselementlogik ausführt. 28 00:01:39,290 --> 00:01:44,150 Am Ende hier, wenn wir zurückkehren, sagen wir, ein Objekt macht stattdessen was? 29 00:01:44,210 --> 00:01:47,590 Seien Sie keine Reaktionskomponente und daher erhalten Sie einen Fehler, wenn Sie sicher sind. 30 00:01:47,990 --> 00:01:53,990 Es muss wirklich J als X-Code sein, was als S interpretiert werden kann. J wie X gefällt das hier. 31 00:01:54,380 --> 00:01:56,630 So reagiert es, funktioniert. 32 00:01:56,930 --> 00:02:02,750 Und deshalb bin ich hier und exportiere das Graben meiner eigenen Komponente, da diese als Komponente behandelt wird und Ihre eigenen 33 00:02:02,780 --> 00:02:05,510 Komponenten auch in J als X verwendet werden können. 34 00:02:05,570 --> 00:02:10,910 Das einzig Wichtige dabei ist, dass sie mit einem Großbuchstaben in der Datei beginnen sollten, in der 35 00:02:10,910 --> 00:02:18,770 Sie sie in J als X verwendet haben, da dies darauf hinweist, dass es sich nicht um eine integrierte H Timal-Tag-App handelt, sondern um ein integriertes 36 00:02:18,770 --> 00:02:21,560 Tag. aber dass es eine benutzerdefinierte Komponente ist. 37 00:02:21,740 --> 00:02:26,310 Und diese Informationen sind wichtig, um zu reagieren und daher mit einer Opernfigur zu beginnen. 38 00:02:26,600 --> 00:02:30,210 Aber dann können Sie jede benutzerdefinierte Komponente in J is X verwenden. 39 00:02:30,680 --> 00:02:38,150 Und das Coole ist jetzt, dass wir unsere Anwendung aus kleinen wiederverwendbaren Komponenten aufbauen und mithilfe 40 00:02:38,270 --> 00:02:41,390 solcher Komponenten unsere Benutzeroberfläche zusammenstellen können. 41 00:02:42,060 --> 00:02:43,290 Und warum machen wir das nicht? 42 00:02:43,310 --> 00:02:48,390 Warum erstellen wir nicht eine einfache Erstreaktionsanwendung und sehen, wie die Dinge dort zusammenarbeiten?