1. Components
Components in React są niezależnymi blokami konstrukcyjnymi, które można ponownie wykorzystać. Są one podzielone na mniejsze elementy interfejsu użytkownika i można je łączyć w większe pliki components. Na przykład aplikacja może mieć components takie elementy jak Header, Sidebar i Content. Każdy komponent ma swoje własne obowiązki i może odbierać props i state wyświetlać odpowiednie dane.
Przykład:
2. Props
Props in React to wartości przekazywane components z zewnątrz. Pomagają przekazywać dane od rodzica components do dziecka components. Props są tylko do odczytu i nie można ich zmienić wewnątrz komponentu. Aby użyć props, przekazujemy wartości do atrybutów komponentu i używamy ich w części UI.
Przykład:
3. State
State in React to zmienne dane, które można zmieniać w komponencie. Każdy komponent może mieć własne dane state do przechowywania danych dynamicznych i zarządzania nimi. Gdy state zmiany, React automatycznie aktualizuje odpowiedni interfejs użytkownika. State jest zarządzany tylko w klasie components i jest inicjowany w konstruktorze komponentu. Aby zaktualizować state, używamy State metody `set()`.
Przykład: