拡張した構文「JSX」について掘り下げてみます。アプリフレームワークが便利です。カタログ化でき、索引性を高めたりデザイナーの方がデザイン調整をしやすくなったりします。前編で紹介した単語変換のサンプルアプリが動作する環境であることが、前提です。ターミナルで以下を実行します。ようなタグを使ったコンポーネントの作成の記述方法が「JSX」です。メソッドに変換されます。);上の変換後のコードを見ると、初心者の方がやりがちなReactDOM.render(<h1>Hello</h1><h2>World<h2>)のような、トップレベルに複数のタグを並べてしまうコードがエラーになる理由が分かると思います。ように、間にタグを挟めない関係だと困ることがあります。その場合は「Fragment」というタグを使います。ツリー上には表示されないコンポーネントです。空タグでも表現できます。返すコンポーネントは一つですが、配列であっても構いません。式を使って評価した結果を使用できます。際と同様、トップコンポーネントは配列も可能ですが、一つである必要があります。呼ぶことが多かったのではないでしょうか。属性で指定する必要があります。コンポーネントに対して外部からは極力、操作しないようにするためです。同じタグや属性が使えますが、例えば以下のように一部の属性は名称が変わっています。