JSX en JavaScript

JSX est une extension de formatage de JavaScript, similaire au langage de template mais qui possède 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. Pour une introduction à...

JSX est une extension de formatage de JavaScript, similaire au langage de template mais qui possède 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. Pour une introduction à JSX, voir ici, et pour des informations plus détaillées sur JSX, voir ici. 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 dans JSX. La propriété class est également écrite sous la forme className car class est un mot réservé en JavaScript : const nom = 'Clémentine'; ReactDOM.render ( Mon nom est {name} ! , document.getElementById ('root') ) ;