ReactにおけるJSX言語入門

JSX言語は通常のJavaScriptですが、コード内に引用符なしで直接タグを記述できるいくつかの追加機能を備えています。

タグはreturnで返すことができます：

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

タグには属性を付けることができます：

jsxfunction App() {
  return <div class="eee">
    text
  </div>;
}

タグは変数や定数に代入することができます：

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

Задание 1

あなたのメインコンポーネントには次の関数があります：

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

div内のテキストを変更してください。ブラウザで起こった変化を確認してください。

Задание 2

div内にいくつかの段落（pタグ）を追加してください。

Задание 3

あなたの段落にクラスを追加してください。