reactでのmap関数とsetInterval

reactでtokenを生成しtodoのように追加でき、一定時間が経ったら再生成する処理を書いています。
現在更新ボタンを押したら更新するような処理がかけてボタンを押した時の挙動が理想の動きなのですがsetIntervalで2秒後に処理をしようとするとちらつきが見えてしまいます。

理想としましては全部一気に切り替わって欲しいのが順番にちらつきなが出てきてしまうのを全部一斉に切り替わって欲しいのですがどのように書けばよろしいでしようか?

const updataToken = async () => { const updataTokenData = [...token]; updataTokenData.map((token) => { token.tokenPrev = Math.floor(Math.random() * 1000); token.tokenRear = Math.floor(Math.random() * 1000); }); setToken(updataTokenData); }; setTimeout(updataToken, 2000);

コメントを投稿

0 コメント