--- title: Functional Components vs Class Components localeTitle: Функциональные компоненты и компоненты класса --- ## Функциональные компоненты и компоненты класса В React есть в основном два компонента: * Функциональные компоненты * Компоненты класса ## Функциональные компоненты * Функциональные компоненты - это основные функции JavaScript. Они обычно являются функциями стрелок, но также могут быть созданы с помощью ключевого слова регулярной `function` . * Иногда они называются «немыми» или «без гражданства», поскольку они просто принимают данные и отображают их в той или иной форме; то есть они в основном отвечают за предоставление пользовательского интерфейса. * Реагирующие методы жизненного цикла (например, `componentDidMount` ) не могут использоваться в функциональных компонентах. * В функциональных компонентах не используется метод рендеринга. * Они в основном отвечают за пользовательский интерфейс и обычно являются только презентационными (например, компонент Button). * Функциональные компоненты могут принимать и использовать реквизиты. * Функциональные компоненты должны быть предпочтительными, если вам не нужно использовать состояние React. ```js import React from "react"; const Person = props => (