Je suis un débutant dans réact, juste quelques questions sur le composant Disons que j'ai un composant:
ReactDOM.render(
HelloWorld(), document.querySelector('#root')
);
3 Réponses :
1 - Non, ce serait le contenu (alias "enfants") de la balise 2 - Vous n'êtes pas sûr de ce que le nom En outre, le but de JSX est d'avoir un sucre syntaxique qui ressemble autant que possible HTML. Oui, ce que vous suggérez est essentiellement de ce qui se passe dans les coulisses (d'un point de vue pseudo-code), mais vaincre le but d'utiliser JSX.
Mais qu'est-ce que la syntaxe de <... /> signifie?
Vous devriez lire les bases de réagir dans leur doc: réactjs.org/docs/introducing-jsx.html div que vous créez. C'est bonjour monde! .
ComponentName vous faites référence à IS. L'extrait prend le composant helloworld et le monte sur le DOM, qui démarre également le Processus de réconciliation .
2 commentaires
Syntaxe de in réagit Il y a 2 types de composants: p> Exemple de composant fonctionnel: p> exemple de composant de classe: p> ReactDom.Render code> Ceci:
ReactDOM.render(
<HelloWorld/>, document.querySelector('#root')
);
Lorsque React construit votre application et exécuté, ce sera quelque chose comme le dernier exemple que vous avez donné.
réagit compiler tous les composants à P>
React.createElement('htmlTag' || someOtherComponent(), ...);
JSX est compilé à
React.Createeelement Appels. Vous n'avez pas à l'utiliser si vous ne voulez pas.Vérifiez le doc de réact pour voir ce que le 3ème argument correspond à. réactjs.org/docs/react-api.html#creeeelement