Entrar Ainda não tem acesso?
1
resposta

Qual a diferença?

Referente ao curso React: escrevendo com Typescript, no capítulo Componentização e atividade Criando um componente

por Luis Henrique Ferrari
| 10.4k xp | 1 posts

Olá, Teve um ponto na aula que não ficou claro. Porque temos que fazer 

class Button extends React.Component{
    render(): React.ReactNode {
        return(
            <button>
                Botão
            </button>
        )
    }
}

Qual a diferença entre o acima e o seguinte?

function Button(){
    return(
        <button>
            Botão
        </button>
    )
}

Ambos funcionam..

1 resposta
por Luciano Cunha Santa Brigida
| 29.2k xp | 6 posts
Desenvolvedor de Soluções de Segurança

São duas formas diferentes do React criar componentes: Funcional ou Classe.

Antigamente, o modelo Funcional não aceitava estados e isso o diferenciava dos Componentes-Classe. Porém desde a versão 16.8 do React já se pode usar o useState nos componentes funcionais.

Atualmente, o padrão recomendado é utilizar Componentes Funcionais.