JSX: Extension de formatage JavaScript

Choose a study mode

Play Quiz

Study Flashcards

Spaced Repetition

Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Quelle est la principale fonction de JSX dans React ?

Il convertit le code JavaScript en HTML pur.
Il agit comme une interface utilisateur pour CSS.
Il remplace entièrement JavaScript.
Il permet de créer des éléments React en utilisant JavaScript. (correct)

Pourquoi la propriété class est-elle écrite sous la forme className dans JSX ?

Parce que class est un mot réservé en CSS.
Parce que className n'existe pas dans HTML.
Parce que class est un mot réservé en JavaScript. (correct)
Parce que className est un synonyme de class.

Comment JSX se comporte-t-il par rapport à React.createElement() ?

JSX génère automatiquement des appels à la fonction React.createElement(). (correct)
JSX est une alternative à React.createElement(), mais ne produit pas d'éléments.
JSX ne peut pas être utilisé avec React.createElement().
JSX est une méthode intégrée à React.createElement().

Quel est l'équivalent de la propriété HTML tabindex dans JSX ?

tabIndex (A) Signup and view all the answers

Quel code JSX est correct pour afficher 'Mon nom est Clémentine !' ?

ReactDOM.render(Mon nom est {nom} !, document.getElementById('root')); (B) Signup and view all the answers

Study Notes

JSX: Extension de formatage JavaScript

JSX est une extension de formatage de JavaScript similaire à un langage de modèles mais avec toute la puissance de JavaScript.
JSX se comporte comme des appels à la fonction React.createElement() qui renvoie des objets JavaScript abstraits appelés éléments React.
React DOM utilise la convention de nommage camelCase au lieu des noms de propriétés HTML.
Par exemple, la propriété tabindex devient tabIndex en JSX.
La propriété class est également écrite sous la forme className car class est un mot réservé en JavaScript.

Convention de nommage camelCase

En résumé, JSX est un outil puissant qui combine la syntaxe du HTML avec la puissance de JavaScript, ce qui simplifie la création d'interfaces utilisateur dans React.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Description

Découvrez JSX, une extension de formatage qui allie HTML et JavaScript pour créer des interfaces utilisateur dans React. Apprenez les conventions de nommage comme camelCase et comment JSX transforme les propriétés HTML en syntaxe JavaScript. Testez vos connaissances avec ce quiz sur JSX.