(3-1)PC画面で、タスクをクリックすると入力可能にする。
Closed this issue · 0 comments
takasaki376 commented
ゴール
現在のinputタグからタスクの入力可能にする。
やること
- useStateで編集用のタスク名を格納する値を用意する。
- 編集用のタスク名の有無で、buttonタグとinputタグの表示を切り替える。
- 編集用のタスク名に値があれば、inputタグを表示する。
- 編集用のタスク名に値がなければ、buttonタグを表示する。
- ボタンクリック時に、useStateで用意した編集用のタスク名に値をいれる。
- inputタグからフォーカスがなくなったタイミングで、useStateで用意した編集用のタスク名を空白にする。
- 入力した値をstoreへ反映する処理は別ISSUEで対応するため、画面には反映しない。