Czym różnią się props i state?

Props to dane przekazywane komponentowi z zewnątrz, zwykle przez rodzica. State to stan, którym komponent zarządza w czasie działania, np. wpisana fraza albo informacja, czy formularz jest otwarty. Nie zmieniam props bezpośrednio — jeśli potrzebna jest zmiana u rodzica, przekazuję mu informację przez odpowiednią funkcję.

Na przykład lista dostaje produkty jako props, a formularz wyszukiwania może przechowywać aktualny tekst w stanie. Czasami ten tekst warto przenieść do rodzica albo URL, jeśli inne części aplikacji też go potrzebują. Nie każda zmienna musi być stanem React.