Rozdział 2. Życie komponentu
Wiesz już, jak używać gotowych komponentów DOM, dlatego możesz się zabrać za tworzenie własnych.
Własny komponent można zdefiniować na dwa sposoby. W obydwu przypadkach uzyskasz taki sam rezultat, ale za pomocą innej składni:
- korzystając z funkcji (są to komponenty funkcyjne);
- korzystając z klasy dziedziczącej po klasie
React.Component(są to komponenty klasowe).
Niestandardowy komponent funkcyjny
Oto przykład komponentu funkcyjnego:
const MyComponent = function() {
return 'Jestem zupełnie niestandardowy';
};
Ale przecież to jest zwykła funkcja! To prawda, niestandardowy komponent jest funkcją, która zwraca potrzebny element interfejsu. W tym przypadku tym elementem jest jedynie tekst, ale często potrzebne ...
Get React w działaniu now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
