【React練習問題】①カウントアップ、ダウンをつくろう

概要

これはReactを学ぶ上で、実際の現場で利用できる実装を取得するためのプログラム。
可読性、パフォーマンスなども求める。

課題仕様

コードサンドボックスを利用する
https://codesandbox.io/s/

画面

・０から始まるカウントアップ、ダウンを実装する
・今どこまでカウントされているかを画面に表示すること
・カウントアップボタンを表示して押せるようにすること
・カウントダウンボタンを表示して押せるようにすること
・デザインの綺麗さなどは問いません

ルール

・FCでつくる
・useStateを使う
・useCallbackを使う
・memoを使う
・カウントアップ、ダウンボタンをそれぞれコンポーネントに分ける

回答