■ 概要

タスクにタグを付与できる機能を実装した。

タグは「入力」と「選択」の両方に対応しており、

入力中に候補を表示するドロップダウン形式（コンボボックス）を実装した。

■ 実装のポイント

• タグ入力時に候補一覧（ドロップダウン）を表示
• 入力内容に応じて候補をフィルタリング
• 候補クリックで入力欄に反映
• フォーカスの状態によって表示/非表示を制御

■ useState による状態管理

// ドロップダウン開閉状態
const [isOpen, setIsOpen] = useState(false);

// タグ入力値
const [tag, setTag] = useState("");

👉 Reactでは「状態」を使ってUIの表示を制御する

👉 今回は「開いているかどうか」を isOpen で管理

■ onFocus（フォーカスイベント）

onFocus={() => setIsOpen(true)}

✔ 意味