Компоненты можно сравнить с функциями JS. Они могут принимать входные данные (реквизиты) и возвращать элементы реакции, которые будут отображаться в Интернете. Props или свойства — это объект JS с данными атрибутов, необходимыми компоненту.
Пример функционального компонента
Пример компонентов класса (ES6)
С точки зрения React эти два компонента эквивалентны.
Примечание. Всегда начинайте имена компонентов с заглавной буквы.
Props доступны только для чтения и не должны изменяться компонентами. Компоненты действуют как чистые функции (функции с предсказуемым результатом, поскольку они никогда не пытаются изменить входные данные и всегда возвращают один и тот же результат при одних и тех же входных данных).
Визуализация компонента
Компонент может отображаться как элемент реакции (в конце концов, он состоит из элементов).
Компонент также может быть отображен в другом компоненте.
Это все, что у меня есть для основ React Component.
Вы всегда можете узнать больше на странице реакции здесь
До скорого,
Поддерживай темп
