JSX - Aumy

JSX

JavaScript の中にXMLリテラルみたいなものを書くことができる拡張

ECMAScript外なのでBabelとかで変換してから使う

Reactで要素を表現するのに使われるがReactに限らない

JSXは素のJSのシュガーにすぎない

code:source.jsx

const s = <div><strong>JSX</strong> is just a syntax suger of pure JavaScript!</div>

code:result.js

const s = React.createElement(

"div",

null,

React.createElement("strong", null, "JSX"),

" is just a syntax suger of pure JavaScript!"

);

JSX要素は式なのでmap等の返り値に使って配列にしたりしてもよい