問題一覧に戻る
初級JSX基礎
問題2: JSX内でのJavaScript式
JSX内で波括弧 {'} を使ってJavaScript式を埋め込む方法を学びます。変数の値や計算結果を表示することで、動的なコンテンツを作成できます。
function Greeting() {
const name = "React";
const year = 2024;
return (
<div>
{/* 変数nameの値を表示 */}
<h1>Hello, !</h1>
{/* 変数yearの値を表示 */}
<p>現在の年: </p>
{/* 10 + 20 = 30になるように計算してください */}
<p>合計: {10 + }</p>
</div>
);
}
export default Greeting;