Comme jsx est plus proche de JavaScript que de HTML, REACT DOM utilise la Convention de nommage de propriété CamelCase au lieu des noms d`attributs HTML. JSX va gérer cela correctement lors de la compilation de votre code. Étant donné que jsx est JavaScript, les identificateurs tels que Class et for sont déconseillés en tant que noms d`attributs XML. Au lieu de cela, les composants de réaction DOM attendent des noms de propriété DOM comme className et htmlFor, respectivement. Informations vraiment utiles. Je pense que vous passez beaucoup de temps à vous y préparer. J`ai trouvé de nombreux conseils utiles et des conseils tout en lisant ce blog. Par exemple, la classe devient ClassName dans jsx, et TabIndex devient TabIndex. Ces objets sont appelés «éléments réactifs». Vous pouvez les considérer comme des descriptions de ce que vous voulez voir sur l`écran. REACT lit ces objets et les utilise pour construire le DOM et le tenir à jour. Comment pouvez-vous commenter dans jsx? Les commentaires JavaScript réguliers dans jsx obtiennent analysés en tant que texte et apparaissent dans votre $ $ etAPP. Une mise en garde est que certaines valeurs “falsy”, telles que le nombre 0, sont toujours rendues par REACT.

Par exemple, ce code ne se comportera pas comme vous pouvez l`attendre parce que 0 sera imprimé lorsque props. messages est un tableau vide: fondamentalement, jsx fournit juste le sucre syntaxique pour le réagir. CreateElement (composant, accessoires,… enfants) fonction. Le code jsx: jsx supprime les espaces au début et à la fin d`une ligne. Il supprime également les lignes vides. Les nouvelles lignes adjacentes aux balises sont supprimées; les nouvelles lignes qui se produisent au milieu des littéraux de chaîne sont condensées en un seul espace. Donc, ces tous les rendre à la même chose: c`est jsx valide, et les accessoires. les enfants de MyComponent seront simplement la chaîne “Bonjour le monde!”.

HTML n`est pas échappé, de sorte que vous pouvez généralement écrire jsx tout comme vous écririez HTML de cette façon: XML a l`avantage de l`ouverture équilibrée et la fermeture des balises. Cela permet de rendre les grands arbres plus faciles à lire que les appels de fonction ou les littéraux d`objet. Au lieu de séparer artificiellement les technologies en plaçant le balisage et la logique dans des fichiers distincts, réagir sépare les préoccupations avec les unités faiblement couplées appelées «composants» qui contiennent les deux. Nous reviendrons sur les composants dans une autre section, mais si vous n`êtes pas encore à l`aise de mettre le balisage dans js, cette conversation pourrait vous convaincre autrement. Par défaut, REACT DOM échappe à toutes les valeurs incorporées dans jsx avant de les restituer. Ainsi, il s`assure que vous ne pouvez jamais injecter quelque chose qui n`est pas explicitement écrit dans votre application. Tout est converti en chaîne avant d`être restitué. Cela permet d`éviter les attaques XSS (cross-site-scripting).

Normalement, les expressions JavaScript insérées dans jsx seront évaluées à une chaîne, à un élément REACT ou à une liste de ces éléments. Cependant, les accessoires. Children fonctionne comme n`importe quel autre accessoire en ce qu`il peut passer n`importe quelle sorte de données, pas seulement les sortes qui réagissent sait comment rendre. Par exemple, si vous avez un composant personnalisé, vous pouvez le faire prendre un rappel en tant qu`accessoires. enfants:. Hey Merci pour cela. Fix très simple et le plugin sublime est grand pour la communauté aussi. Apprécié vos vidéos Flexbox, va les vérifier hardcore quand bootstrap 4 lance stable pas mal pour les bases, voici un exemple de ce qui était compatible à ce stade, et la validation: REACT. CreateElement () effectue quelques vérifications pour vous aider à écrire du code sans bug mais essentiellement, il crée un objet comme ceci://All autres étendues, Commentaire par défaut bascule raccourci {“Keys”: [“Ctrl + Maj + 7”], “commande”: “toggle_comment”, “args”: {“Block”: false}}, ajoutant à cela, si quelqu`un veut écrire un commentaire à l`intérieur d`un élément multiligne littéral, vous devez faire ceci: oops, le KeyBinding à utiliser est ici: [https://github.com/mcissel/ST3-User-package/BLOB/aba5f17e538bc03509c33d66028f8a5675118443/default%20 (Windows). sublime-keymap # L38]//only dans Meta. jsx.

js Insert Snippet {“Keys”: [ “Ctrl + Maj + 7”], “Command”: “insert_snippet”, “args”: {“nom”: “paquets/utilisateur/snippets/jsx-comment. sublime-Snippet”}, pour corriger cela, nous renommerons Bonjour et utiliser lorsque vous vous référez à elle: alors, comment fonctionne jsx? Long Story Short transformer la syntaxe HTML à l`intérieur de js à une fonction avec plusieurs arguments qui remplacent la balise, les attributs et le contenu comme:

Salut

dans DOM (“H1”, {classname: “headline”}, “Salut”), donc mon idée à l`époque était, si je pouvais réimplémenter ce que le DOM () devrait faire ce sera.