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