Reactでカウントダウン・タイマーを実現するコンポーネント作ってみた - Qiita

やりたいこと カウントダウンしたい時間をpropsへ与えられる タイマーの進むインターバルをpropsへ与えられる インターバル毎とカウントダウン終了時にコールバック関数を設定できる タイマーロジックとタイマー表示は切り離す ロジック部分を担うコンポーネントを作った 表示は任意の別のコンポーネントを使えるようにする 他に調べたコンポーネント dcousens/react-timers: 公式で非推奨になっているMixinを使ってるのでナシ uken/react-countdown-timer: 表示フォーマットを関数で設定するタイプ。実装は参考にした StevenIseki/react-timer: 表示は固定フォーマット。タイマーの実装サンプルのような感じ troch/react-timer-hoc: HOC(Higher Order Component)による実装。コールバックが無いけ

[uchiuchiyama]

Qiita書いた