React é tudo sobre componentes.
Agora, o que isso significa?
Este ano, essa função aqui é, obviamente, uma função JavaScript regular, mas também é um componente de
reação.
O que compõe um componente de reação?
Um componente de reação pode ser uma de duas coisas.
Pode ser uma função que retorna.
J diz que atos ou retornos reagem, criam chamadas de elementos ou podem ser uma classe JavaScript que possui um método de
renderização.
Portanto, este ano, se eu mudasse, tudo isso seria um aplicativo de classe de componente de reação que estende o componente de reação.
Isso é importante.
Você precisa estender o componente Reia e adicionar um método de renderização.
E nesse método de renderização, você retorna G. S. X.
Este também é um componente de reação regular.
E se eu lhe der segurança, o Darfor verá a mesma saída de antes.
Funciona basicamente da mesma maneira.
Existem algumas diferenças técnicas que discuti em detalhes em meu curso completo de guia
aqui.
Realmente não importa.
Na reação moderna, você pode usar apenas componentes funcionais, portanto, componentes baseados em funções.
E é, portanto, o que ele fará neste curso.
Escreveremos todos os componentes como uma função.
Não é preciso fazer.
E, como mencionei no meu React, um guia completo, você aprende sobre os dois tipos e como eles diferem.
Mas o uso de componentes funcionais apenas definitivamente é uma maneira moderna de usar o react.
E é, portanto, o modo como usaremos.
Mas lembre-se sempre de que essa é apenas uma função de trabalho regular.
O que o torna um componente de reação é que ele retorna esse J como X ou reage criando a lógica do elemento.
No final das contas, se retornarmos, digamos que um objeto faça o que?
Não seja um componente de reação e, portanto, você receberá um erro se fizer a segurança.
Realmente tem que ser J como código X, algo que pode ser interpretado como S. J como X assim aqui.
É assim que reage, funciona.
E, portanto, aqui estou eu, exportando cavando meu próprio componente, porque isso é tratado como um componente e seus próprios
componentes também podem ser usados em J e X.
A única coisa importante é que eles devem começar com um caractere maiúsculo no arquivo em
que você os usou em J como X, porque isso indica que não é um aplicativo de tag H Timal integrado, não seria uma
tag incorporada, mas esse é um componente personalizado.
E essa informação é importante para reagir e, portanto, começar com um personagem de ópera.
Mas então você pode usar qualquer componente personalizado em J é X.
E o mais interessante agora é que podemos construir nosso aplicativo a partir de pequenos componentes reutilizáveis e compor nossa interface
do usuário com a ajuda de tais componentes.
E foi por isso que não fazemos isso?
Por que não criamos um aplicativo simples de primeira reação e vemos como as coisas funcionam juntas lá?