Logo

Pierwsze starcie z komponentem

Otwórz proszę plik src/App.js

Komponent React to klasa. Sprowadza się to do tego, że mamy obiekt, w którym mamy zestaw zdefiniowanych z góry metod(funkcji) oraz sami w jego ramach możemy definiować swoje.

Klasa React daje nam takie rzeczy jak :

  • state (tymczasowy, wewnętrzny stan komponentu) - sami go sobie definiujemy!
  • props - otrzymane od rodzica dane
  • render - funkcja, która zwraca to co mamy wyświetlić
  • metody cyklu życia (componentDidMount, componentWillUpdate)

Kluczowym elementem definiującym komponent jest funkcja render(). To ona zwraca markup (html), który będzie widoczny dla użytkownika.