JavaScriptコードの実行
波括弧の中では、変数や定数を挿入するだけでなく、 任意のJavaScriptコードを実行することもできます。 例えば、挿入時に二つの定数の合計を求めてみましょう:
function App() {
const num1 = 1;
const num2 = 2;
return <div>
{num1 + num2}
</div>;
}
次のコードをレンダリングした結果、どのようなHTMLが得られるでしょうか:
function App() {
const num1 = 3;
const num2 = 2;
return <div>
result: {num1 ** num2}
</div>;
}
次のコードをレンダリングした結果、どのようなHTMLが得られるでしょうか:
function App() {
const name = 'john';
const surname = 'smit';
return <div>
result: {name + ' ' + surname}
</div>;
}
次のコードをレンダリングした結果、どのようなHTMLが得られるでしょうか:
function App() {
const num = 4;
return <div>
result: {Math.sqrt(num)}
</div>;
}