【コピペで動く】Reactで超簡単にルーレットを作る方法 - Qiita

前書き 以前、個人アプリを開発した際にルーレット作ることがあったので今回は次回使う時用のメモとルーレットを作りたい人へのコード共有を兼ねて記事を作成します！ setIntervalを使えばできそうだなぁと思って実装したら副作用のせいでうまくできなかったのを覚えています。。笑 JavaScriptではルーレットを作れるけど、Reactでは副作用のせいでうまくできない。。！ という僕と同じ状況の方がいましたら是非ご覧ください 実装イメージは以下の通りです。 注意点 今回のコードはルーレットを動かす記述しか書いてありません。 そのため、実装イメージのようなスタイリングやアニメーションの記述は省かれております。 スタイリングやアニメーションは人によって異なると思いますので適宜お好みであててください。 コード import { useState, useEffect, useCallback, me