hy094 https://blog.hatena.ne.jp/hy094/ RAKUS Developers Blog | ラクス エンジニアブログ https://tech-blog.rakus.co.jp/ React はじめに こんにちは。フロントエンドチーム新卒2年目のhy094です。 Reactでよく使用するJSX。 使ってみると便利なのですが、最初は「JavaScript内にHTML？」と混乱の原因になっていると思います。 また、その構文から違和感や気持ち悪さを感じる方もいると聞きます。 そこで、今回はReactで使用するJSXについてまとめます。 少しでも混乱や違和感の解消ができたら幸いです。 目次 はじめに 目次 JSXとは？ JSXの記法 JavaScript式を埋め込む コメントアウト タグが空の場合 フラグメント HTMLとの属性の差異 おわりに 参考文献 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech-blog.rakus.co.jp%2Fentry%2F20210521%2Freact" title="【React初学者向け】JSXまとめ - RAKUS Developers Blog | ラクス エンジニアブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/t/tech-rakus/20210521/20210521115408.png Hatena Blog https://hatena.blog 2021-05-21 15:00:00 rich https://tech-blog.rakus.co.jp/entry/20210521/react 1.0 100%