コンポーネントの出力結果

結果を表示するdivには、コンポーネント関数が returnを通して返すものが出力されます。 次の例では、テキストを含むdivになります:

jsxfunction App() {
  return <div>
    text
  </div>;
}

divを引用符なしで記述している点に注意してください — JavaScriptコード内に直接タグを記述しているだけです！ これがReactの主な特徴です。 実際のところ、ReactではJavaScript言語ではなく、 次のレッスンで学ぶJSX言語を使用して記述しています。