--- title: Functional Components vs Class Components localeTitle: Componentes Funcionais vs Componentes de Classe --- ## Componentes Funcionais vs Componentes de Classe Existem basicamente dois componentes no React: * Componentes Funcionais * Componentes de Classe ## Componentes Funcionais * Componentes funcionais são funções básicas do JavaScript. Estas são tipicamente funções de seta, mas também podem ser criadas com a palavra-chave de `function` regular. * Às vezes, são chamados de componentes "burros" ou "sem estado", pois simplesmente aceitam dados e os exibem de alguma forma; ou seja, eles são os principais responsáveis pela renderização da interface do usuário. * Os métodos de ciclo de vida de reação (por exemplo, `componentDidMount` ) não podem ser usados em componentes funcionais. * Não há nenhum método de renderização usado em componentes funcionais. * Esses são os principais responsáveis pela interface do usuário e são normalmente apenas de apresentação (por exemplo, um componente Button). * Componentes funcionais podem aceitar e usar adereços. * Componentes funcionais devem ser favorecidos se você não precisar usar o estado Reagir. ```js import React from "react"; const Person = props => (