1 00:00:02,300 --> 00:00:04,970 W React chodzi o komponenty. 2 00:00:05,130 --> 00:00:05,990 Co to znaczy? 3 00:00:06,740 --> 00:00:13,010 W tym roku ta funkcja jest oczywiście zwykłą funkcją JavaScript, ale jest również składnikiem 4 00:00:13,010 --> 00:00:13,610 reagującym. 5 00:00:14,000 --> 00:00:15,560 Co składa się na składnik reagujący? 6 00:00:16,100 --> 00:00:18,020 Reakcja może być jedną z dwóch rzeczy. 7 00:00:18,230 --> 00:00:20,750 Może to być funkcja, która powraca. 8 00:00:20,760 --> 00:00:29,270 J mówi, że akty lub zwroty reagują, tworzą wywołania elementów lub może to być klasa JavaScript, która ma metodę renderowania. 9 00:00:29,810 --> 00:00:38,420 Więc w tym roku, gdybym się zmienił, to wszystko byłoby aplikacją klasy składników reagujących, która rozszerza komponent reagujący. 10 00:00:38,430 --> 00:00:39,140 To jest ważne. 11 00:00:39,170 --> 00:00:43,310 Musisz rozszerzyć komponent Reia, a następnie dodać metodę renderowania. 12 00:00:43,700 --> 00:00:46,790 I w tej metodzie renderowania zwracasz G. S. X. 13 00:00:47,090 --> 00:00:50,570 Jest to również regularny składnik reakcji. 14 00:00:50,570 --> 00:00:53,810 A jeśli zapewniam cię, Darfor widzisz taki sam efekt jak poprzednio. 15 00:00:53,840 --> 00:00:55,820 Działa w zasadzie w ten sam sposób. 16 00:00:56,360 --> 00:01:01,490 Istnieją pewne różnice techniczne, które szczegółowo omówiłem w moim reagowaniu na kompletny kurs przewodnika 17 00:01:01,850 --> 00:01:02,220 tutaj. 18 00:01:02,330 --> 00:01:03,440 To naprawdę nie ma znaczenia. 19 00:01:03,770 --> 00:01:09,320 W nowoczesnym reagowaniu można używać tylko komponentów funkcjonalnych, a więc komponentów opartych na funkcjach. 20 00:01:09,680 --> 00:01:11,450 I to właśnie zrobi na tym kursie. 21 00:01:11,510 --> 00:01:13,610 Napiszemy każdy składnik jako funkcję. 22 00:01:13,940 --> 00:01:15,030 To nie jest konieczne. 23 00:01:15,140 --> 00:01:19,790 I jak wspomniałem w moim reagowaniu, kompletnym przewodniku, poznasz oba typy i jak się różnią. 24 00:01:20,030 --> 00:01:24,050 Ale używanie komponentów funkcji tylko zdecydowanie jest nowoczesnym sposobem używania reagowania. 25 00:01:24,320 --> 00:01:25,910 I tak właśnie wykorzystamy. 26 00:01:26,540 --> 00:01:30,430 Zawsze należy jednak pamiętać, że jest to zwykła funkcja zleceń. 27 00:01:30,800 --> 00:01:39,260 To, co czyni go składnikiem reagującym, polega na tym, że zwraca to J jako X lub reaguje, tworząc logikę elementu. 28 00:01:39,290 --> 00:01:44,150 W końcu tutaj, jeśli wrócimy, powiedzmy, że obiekt robi co? 29 00:01:44,210 --> 00:01:47,590 Nie bądź komponentem reagującym i dlatego pojawi się błąd, jeśli będziesz mieć bezpieczeństwo. 30 00:01:47,990 --> 00:01:53,990 To naprawdę musi być J jako kod X, co można interpretować jako S. J jak X tak tutaj. 31 00:01:54,380 --> 00:01:56,630 Tak to działa, działa. 32 00:01:56,930 --> 00:02:02,750 I oto jestem, eksportuj kopanie własnego komponentu, ponieważ jest on traktowany jako komponent, a twoje komponenty mogą 33 00:02:02,780 --> 00:02:05,510 być również używane w J jako X. 34 00:02:05,570 --> 00:02:10,910 Jedyną ważną rzeczą jest to, że powinny zaczynać się od dużej litery w pliku, 35 00:02:10,910 --> 00:02:18,770 w którym użyłeś ich w J jako X, ponieważ to mówi, że to nie jest wbudowana aplikacja znaczników H Timal, nie byłaby 36 00:02:18,770 --> 00:02:21,560 wbudowanym znacznikiem, ale to jest niestandardowy komponent. 37 00:02:21,740 --> 00:02:26,310 Ta informacja jest ważna, aby zareagować i dlatego zacznij od postaci opery. 38 00:02:26,600 --> 00:02:30,210 Ale wtedy możesz użyć dowolnego niestandardowego komponentu w J to X. 39 00:02:30,680 --> 00:02:38,150 Fajne jest teraz to, że możemy zbudować naszą aplikację z małych komponentów wielokrotnego użytku i skomponować 40 00:02:38,270 --> 00:02:41,390 interfejs użytkownika za pomocą takich komponentów. 41 00:02:42,060 --> 00:02:43,290 Czy to dlatego tego nie robimy? 42 00:02:43,310 --> 00:02:48,390 Dlaczego nie zbudujemy prostej aplikacji reagującej na pierwsze reakcje i nie zobaczymy, jak tam działają razem?