Reactマスターへの道！🚀 知識を試す！激ムズ React クイズに挑戦！ - プレイ中

1 第1問

Reactで使用されるJSXは、何に変換されてブラウザで実行されますか？

A Pythonコード

B JavaScriptコード

C HTMLコード

D CSSコード

2 第2問

Reactのコンポーネントの状態（state）を更新するために使用されるメソッドは何ですか？

A updateState()

B setState()

C changeState()

D modifyState()

3 第3問

Reactにおけるprops（プロパティ）の主な目的は何ですか？

A コンポーネントの状態を管理する

B コンポーネント間でデータを渡す

C CSSスタイルを適用する

D イベントハンドラを定義する

4 第4問

Reactの仮想DOM（Virtual DOM）の主な利点は何ですか？

A 実際のDOMを直接操作する

B パフォーマンスの向上

C CSSの適用を容易にする

D JavaScriptのコード量を減らす

5 第5問

React Hooksが導入されたのはどのバージョンからですか？

A React 15.0

B React 16.8

C React 17.0

D React 16.0

6 第6問

useStateフックを使用する際、初期値を設定する引数は何型ですか？

A 文字列型のみ

B 数値型のみ

C 任意の型

D 真偽値型のみ

7 第7問

useEffectフックの第2引数に空の配列（[]）を渡すことの一般的な効果は何ですか？

A コンポーネントがレンダリングされるたびに実行される

B コンポーネントのマウント時のみ実行される

C コンポーネントがアンマウントされるたびに実行される

D useEffectフックが無効になる

8 第8問

React Routerで使用されるBrowserRouterコンポーネントは、何を提供しますか？

A サーバーサイドルーティング

B クライアントサイドルーティング

C 静的ファイル配信

D データベース接続

9 第9問

Redux ToolkitのcreateSlice関数は何を生成しますか？

A Reduxストアのみ

B リデューサーとアクション

C ミドルウェアのみ

D コンポーネントのみ

10 第10問

Reactで非同期処理を行う際に、async/awaitを使用する一般的な目的は何ですか？

A コードの可読性を向上させる

B パフォーマンスを向上させる

C CSSの適用を容易にする

D HTMLの構造を簡略化する