В React существуют пользовательские и встроенные компоненты. Другими словами, React поставляется с определённым набором уже готовых к использованию компонентов. В данном пример, там, где вы видите div, h1 или p вы как раз и используете встроенные в React компоненты. Это не HTML-теги. Это именно React-компоненты. Внутри React создана логика касательно того, как создавать соответствующие HTML-теги непосредственно в реальном DOM. Еще раз подчеркну, что код как из примера выше будет сконвертирован в JavaScript-код...
Совершенно очевидно, что компоненты классов не всегда являются отличной функцией в React. Чтобы решить общие проблемы, с которыми сталкиваются разработчики React при использовании классовых компонентов, в React появились React Hooks. React Hooks - это функции, которые вы можете использовать для управления состоянием и методами жизненного цикла компонентов. React Hooks позволяют:
- добавлять состояние в функциональный компонент;
- управлять жизненным циклом компонента без необходимости использовать...