第4章: TypeScript + React

4-3. イベントハンドラの型定義

TypeScriptでイベントハンドラに型をつける方法を学びます

📚 このレッスンの理論を学びたい方はこちら：


# 課題
入力フォームとボタンを作成し、それぞれのイベントハンドラに適切な型をつけてください。

フォーム送信時にアラートを表示しましょう。

import { useState } from 'react';

export default function App() {
  const [message, setMessage] = useState('');
  
  // ここにイベントハンドラ関数を定義してください（型をつける）
  
  return (
    <div>
      <form onSubmit={/* ここにハンドラ */}>
        <input 
          type="text" 
          value={message}
          onChange={/* ここにハンドラ */}
        />
        <button type="submit">送信</button>
      </form>
    </div>
  );
}

Open Sandbox

← 前のレッスン: 4-2. Stateの型定義