--- title: Functional Components vs Class Components localeTitle: Componentes funcionales vs componentes de clase --- ## Componentes funcionales vs componentes de clase Hay principalmente dos componentes en React: * Componentes funcionales * Componentes de clase ## Componentes funcionales * Los componentes funcionales son funciones básicas de JavaScript. Estas son típicamente funciones de flecha pero también pueden crearse con la palabra clave de `function` normal. * A veces se los denomina componentes "tontos" o "sin estado", ya que simplemente aceptan datos y los muestran de alguna forma; es decir, son los principales responsables de la prestación de la interfaz de usuario. * Los métodos de ciclo de vida de React (por ejemplo, `componentDidMount` ) no se pueden usar en componentes funcionales. * No se utiliza ningún método de renderización en los componentes funcionales. * Estos son los principales responsables de la IU y suelen ser solo de presentación (por ejemplo, un componente Button). * Los componentes funcionales pueden aceptar y usar accesorios. * Los componentes funcionales deben ser favorecidos si no necesita utilizar el estado React. ```js import React from "react"; const Person = props => (