【React練習問題】②カスタムhooksをつかって表示制御をしよう

概要

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

課題仕様

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

画面

・commentを表示するためのボタンを２つ作る
・表示ボタンを押すと、コメントとその表示を消すボタンがコメントと同じ要素内に用事される
以下、私の実装結果の画面

ルール

・FCでつくる
・useStateを１回だけ使う
・useCallbackを２回だけ使う
・memoを使う

ヒント

・useStateを１回だけ使う
・useCallbackを２回だけ使う
これはカスタムフックスを使うことで解決できる

回答