JavaScriptコードの実行

波括弧の中では、変数や定数を挿入するだけでなく、任意のJavaScriptコードを実行することもできます。例えば、挿入時に二つの定数の合計を求めてみましょう：

jsxfunction App() {
  const num1 = 1;
  const num2 = 2;
  
  return <div>
    {num1 + num2}
  </div>;
}

Задание 1

次のコードをレンダリングした結果、どのようなHTMLが得られるでしょうか：

jsxfunction App() {
  const num1 = 3;
  const num2 = 2;
  
  return <div>
    result: {num1 ** num2}
  </div>;
}

Задание 2

次のコードをレンダリングした結果、どのようなHTMLが得られるでしょうか：

jsxfunction App() {
  const name = 'john';
  const surname = 'smit';
  
  return <div>
    result: {name + ' ' + surname}
  </div>;
}

Задание 3

次のコードをレンダリングした結果、どのようなHTMLが得られるでしょうか：

jsxfunction App() {
  const num = 4;
  
  return <div>
    result: {Math.sqrt(num)}
  </div>;
}