const App = () => (
<View>
<Text>Test</Text>
</View>
)
class App extends Component {
render() {
return (
<View>
<Text>Test</Text>
</View>
);
}
}
When I test, two things are the same.
Please tell me the difference between these two.
3 Réponses :
Utilisation de la classe Vous pouvez accéder à un crochet de cycle de vie et vous pouvez stocker un état dans la classe. Utilisation de la classe, vous pouvez créer un composant d'état ou un composant intelligent. Ce qui signifie que vous gérez la logique dans votre composant de classe comme la demande HTTP
Utilisation du composant fonctionnel. Dans ce cas, Const vous pouvez construire un composant de butée ou un composant apatride (composant utilise uniquement pour afficher les données). C'est un excellent moyen de maintenir votre code de réact de votre réacteur et lisible. Briser en composants plus petits et passer des accessoires aux composants enfants.
Vous pouvez le lire plus Ici parce que c'est très long expain pour que je vous donne juste une brève vue d'ensemble
Cordialement
Un composant de classe est une composante stipulation et une application Const constitue un composant apatride (ou fonctionnel).
Un composant étatique est utilisé pour:
En outre, il a des méthodes de cycle de vie.
Alors qu'un composant apatride est souvent utilisé pour renvoyer un morceau d'interface utilisateur.
en bref : un composant de classe est plus puissant qu'un composant fonctionnel
Depuis réact de 0,59
/ a> Les composants fonctionnels peuvent également avoir un état. Voir Hooks-Intro pour plus d'informations.
Je pense que ce n'est plus vrai après les crochets
@ Doğancanarabacı vous avez raison. J'ai mis à jour ma réponse avec un lien vers l'introduction des crochets.
classe sera pour les composants de conteneurs. "SMART" composant fonctionnel que les contains State. et des données et prévisualisant les composants d'affichage "muet".
Le composant fonctionnel "muet" est utilisé pour prévisualiser quelque chose ou mieux dire. Render quelque chose qui est habituel envoyé d'un conteneur.
Maintenant jours en utilisant des crochets Vous pouvez obtenir tout le cycle de vie du composant de classe dans un composant fonctionnel. La seule différence est que le fonctionnement est inférieur à l'état!
Duplicaté possible de réagir: quand utiliser Composants basés sur la classe ES6 vs composants ES6 fonctionnels?