会員登録すると
学習することができます。
会員登録する（無料）
学習することができます。
登録済みの方はこちら
ログイン
JSXでUIを書こう
目安学習時間 15分
学ぶ目的
JSXはJavaScriptの中に書くHTML
Reactではconst el = <h1>こんにちは</h1>;のように、JavaScriptの中にHTMLとほぼ同じ記法でUIを書きます。これをJSXと呼びます。
{ }でJavaScriptを埋め込む
<h1>こんにちは、{name}さん</h1>のように波かっこを使うと、変数や式の結果をそのまま表示できます。「データを画面に流し込む」Reactの基本がここにあります。
学ぶ目的
class属性がclassNameになるなどHTMLとの違いに注意しながら、JSXで自由にUIを組み立てられるようになることが目的です。
このレクチャーで学ぶこと
- JSXの書き方とルール
- JavaScriptの式を埋め込む{ }
- classNameなどHTMLとの違い
質問
まだ質問は投稿されていません。
質問投稿
ログイン後に質問の投稿ができます。
理解度チェックテストに
合格しました！
おめでとうございます！
React初級
React初級講座
JSXでUIを書こう
理解度チェックテストに合格しました！
＼ SNSにシェアする ／
