Почему "ВСЕ"?
Все в React является компонентом. Есть два способа создать компонент React. Первый способ — использовать функцию JavaScript. Компонент без сохранения состояния — это компонент, который может получать данные и отображать их, но не управляет этими данными.
Чтобы создать компонент с функцией, просто напишите функцию JavaScript, которая возвращает либо JSX, либо null.
Другой способ создания компонентов — использование классов, как показано ниже.
Это создает класс Ari, который расширяет класс React.Component. Таким образом, класс Ari теперь имеет доступ ко многим полезным функциям React, таким как локальное состояние и перехватчики жизненного цикла. Не нужно беспокоиться, если мы еще не знакомы с ними. Конструктор использует super() для вызова конструктора родительского класса, в данном случае React.Component. Конструктор — это специальный метод, используемый при инициализации объектов, созданных с помощью ключевого слова class. Лучше всего вызывать конструктор компонента с помощью super и передавать реквизиты обоим. Это обеспечивает правильную инициализацию компонента. Ari определяется в редакторе кода с использованием синтаксиса класса. Завершите написание метода рендеринга, чтобы он возвращал то, что нужно визуализировать. У НАС ДОЛЖЕН БЫТЬ РЕНДЕР( ), КОТОРЫЙ ВОЗВРАЩАЕТСЯ!
Составление компонентов
Чтобы скомпоновать компоненты вместе, мы должны создать родительский компонент, который отображает каждый из этих компонентов как дочерний.
