1. Components
Components in React являются независимыми строительными блоками, которые можно использовать повторно. Они разделены на более мелкие элементы пользовательского интерфейса и могут быть объединены в более крупные элементы components. Например, приложение может иметь components такие имена, как Header, Sidebar и Content. Каждый компонент имеет свои обязанности и может получать props и state отображать соответствующие данные.
Пример:
2. Props
Props in React — это значения, переданные components извне. Они помогают передавать данные от родителя components к дочернему components. Props доступны только для чтения и не могут быть изменены внутри компонента. Чтобы использовать props, мы передаем значения атрибутам компонента и используем их в части пользовательского интерфейса.
Пример:
3. State
State in React — это изменяемые данные, которые можно изменить внутри компонента. Каждый компонент может иметь свой собственный state для хранения и управления динамическими данными. При state изменении React автоматически обновляется соответствующий пользовательский интерфейс. State управляется только в классе components и инициализируется в конструкторе компонента. Для обновления state мы используем State метод `set()`.
Пример: