mo-ri-regen/qin-todo-frontend

(3-1)PC画面で、タスクをクリックすると入力可能にする。

Closed this issue · 0 comments

ゴール

現在のinputタグからタスクの入力可能にする。

やること

  • useStateで編集用のタスク名を格納する値を用意する。
  • 編集用のタスク名の有無で、buttonタグとinputタグの表示を切り替える。
  • 編集用のタスク名に値があれば、inputタグを表示する。
  • 編集用のタスク名に値がなければ、buttonタグを表示する。
  • ボタンクリック時に、useStateで用意した編集用のタスク名に値をいれる。
  • inputタグからフォーカスがなくなったタイミングで、useStateで用意した編集用のタスク名を空白にする。
  • 入力した値をstoreへ反映する処理は別ISSUEで対応するため、画面には反映しない。