import React from "react"; export const Hoge = () => { return <div>Hello World</div>; }; の return 以下の部分を指しますが、どうしてこれが実行できるのでしょうか。 これが createElement 相当であることは知っていましたが、どうやってその変換をしているのだっけというのがきちんと説明できる自信がなかったので調べてみました。 JSX は createElement の糖衣構文 JSX は createElement の糖衣構文であることは、React 公式のJSX なしで React を使う という節に詳しく書かれています。 コンポーネントが返す UI のブロックは普段は <div></div> などで書いていましたが、それらは createElement('div') としても書けるとい
![どうしてJSXを使ってもエラーにならないのか?](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc841c777538e885142afd9c686b922d1cec6a94/height=288;version=1;width=512/https%3A%2F%2Fblog.ojisan.io%2Fstatic%2Fedc6d995166d6f8399812499483d93db%2Fdee50%2Fvisual.png)