お手本にするプログラムhttps://codesandbox.io/s/compound-react-components-with-hooks-typescript-vpvdq?file=/src/Tabs/Tabs.tsx

練習の目的 React compound pattern を習得すること． よって，関係ないファイルについてはコピペする

プログラム記述メモ Tabs.tsx のメモ ・プロバイダーパターンを使用している(createContext, Context.Provider value = context) ・useTabs を Tabs で宣言し，実装している ・useMemo でコンテキストの変化を監視している ・Tabs.xxxx でアクセスできるようにしている ・setActiveTab ・activeTab を useTabs で利用できるようにしている． 全体メモ ・label の値で切り替える

プログラム仕様メモ ディレクトリ構造

• src
  • Tabs
    • index.tsx
    • Panel.tsx
    • Tab.tsx
    • Tabs.tsx

index.html