TypeScript統合

`useEffect`のクリーンアップ関数を使用する場合の正しい書き方はどれですか？

tsconfig.jsonの`noEmit`オプションが`true`に設定されている理由は何ですか？

ボタンクリックイベントのハンドラー関数の型として最も適切なものはどれですか？

`useEffect`を使用する際のTypeScriptでの型定義について正しい説明はどれですか？

以下のReactコンポーネントで、TypeScriptが型を自動推論するのはどの部分ですか？ ```tsx import { useState } from 'react'; function Counter() { const [count, setCount] = useState(0); return ( <button onClick={() => setCount(count + 1)}> Count: {count} </button> ); } ```

以下のコードで`ref`の正しい型定義はどれですか？ ```tsx const inputRef = useRef(); <input ref={inputRef} type="text" /> ```

以下のコードで型エラーが発生するのはどの行ですか？ ```tsx const [count, setCount] = useState(0); const [message, setMessage] = useState<string>(''); setCount(10); // A setCount('hello'); // B setMessage('world'); // C setMessage(100); // D ```

`useState`で明示的に型を指定する場合の正しい書き方はどれですか？

以下のコードで型エラーを修正するために必要な変更はどれですか？ ```tsx const [users, setUsers] = useState([]); // エラー: Property 'name' does not exist users.map(user => user.name) ```

tsconfig.jsonの`strict`オプションを`true`に設定することで得られる効果は何ですか？

TypeScriptプロジェクトで、Vite関連の型定義が記述されているファイルはどれですか？

TypeScript版Reactプロジェクトで、Reactコンポーネントファイルの拡張子は何ですか？

以下のカスタムHookの型定義で正しいものはどれですか？ ```tsx function useCounter(initialValue) { const [count, setCount] = useState(initialValue); const increment = () => setCount(count + 1); const decrement = () => setCount(count - 1); return { count, increment, decrement }; } ```

`useState`でTypeScriptが型を自動的に決定する仕組みを何と呼びますか？

TypeScriptでReactプロジェクトを作成する際に使用するViteテンプレートは何ですか？

以下のコードで、VS Codeが自動補完候補を表示するのはどの部分ですか？ ```typescript const user = { name: "太郎", age: 25 }; console.log(user._____); ```

ReactライブラリのTypeScript型定義を提供するnpmパッケージは何ですか？

TypeScriptでReactのHooksを使用する主な利点として**最も重要**なものはどれですか？

TypeScriptでReactコンポーネントの関数型を定義する場合に推奨される方法はどれですか？

TypeScriptプロジェクトで、一般的なTypeScriptファイル（Reactコンポーネント以外）に使用する拡張子は何ですか？

TypeScriptコンパイラの設定を管理するファイルの名前は何ですか？

TypeScriptの主な利点として**最も重要でない**ものはどれですか？

tsconfig.jsonの`jsx`オプションで、React 17以降で推奨される設定値は何ですか？

入力フィールドの`onChange`イベントハンドラーの正しい型定義はどれですか？

以下のTypeScriptコードで、VS Codeがエラーを表示するのはどの行ですか？ ```typescript function addNumbers(a: number, b: number): number { return a + b; } const result1 = addNumbers(5, 10); const result2 = addNumbers("5", 10); const result3 = addNumbers(5, "10"); ```

以下の`useState`の使用例で、型定義が適切でないものはどれですか？

以下のTypeScriptコードで型エラーが発生するのはどれですか？ ```typescript function greet(name: string): string { return `Hello, ${name}!`; } ```

TypeScript版Reactプロジェクトで自動的にインストールされる、ReactのDOM操作用の型定義パッケージは何ですか？

select要素の`onChange`イベントハンドラーの正しい型定義はどれですか？

`useState`で複数の型を許可したい場合の正しい書き方はどれですか？

TypeScriptでJavaScriptライブラリを使用する際に必要となる、型情報を提供するファイルの一般的な名前は何ですか？

以下のコードで`handleSubmit`関数の正しい型定義はどれですか？ ```tsx const handleSubmit = (e) => { e.preventDefault(); // フォーム送信処理 }; <form onSubmit={handleSubmit}> {/* フォーム内容 */} </form> ```