Componente Stateless
Os componentes stateless, como o próprio nome sugere, não possuem um estado interno gerenciado por eles mesmos. Eles são funções puras que recebem props como argumentos e retornam elementos React. Sua principal característica é a previsibilidade, pois seu comportamento é totalmente determinístico com base nas props recebidas.
Características dos componentes Stateless
- Não Possuem Estado Interno: Não mantêm um estado interno e, portanto, não têm método
setState. - Funções Puras: São geralmente funções puras, ou seja, a saída depende exclusivamente das props recebidas.
// Exemplo de Componente Stateless
const Greeting = (props) => {
return <div>{`Olá, ${props.nome}!`}</div>;
};