← レッスン一覧に戻る

第4章: TypeScript + React

4-1. Propsの型定義

TypeScriptでPropsに型をつける方法を学びます

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

TypeScript + React - 実践的な型定義

# 課題
Buttonコンポーネントを作成し、Propsにインターフェースで型をつけてください。

Props: label(string), onClick(関数), disabled(boolean, オプショナル)
    
// ここにButtonPropsインターフェースを定義してください

// ここにButtonコンポーネントを定義してください

export default function App() {
  return (
    <div>
      {/* ここにButtonコンポーネントを使用してください */}
    </div>
  );
}