0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Reactで簡単な学習記録アプリを作った

Posted at

学習記録アプリをReactで作ってみました

作成物

image.png

工夫したところ

・学習時間の入力フォームは数値しか入力できないようにした
・無駄なState変数を作らなくても動くようにした(合計時間を計算するときにreduce関数を使用した)

つまづいたところ

・時間の入力フォームのところで数値しか入力できないようにしたら残り一文字のときにバックスペースを押しても消せなくなってしまった点 →onchangeに設定したイベントハンドラは入力内容が反映されたものが渡されるのだとわかった

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?