前提・実現したいこと
丸ボタンを押したときにBoxが右に移動して画面から消えます。
罰ボタンを押した時に左にBoxが動いて画面から消えます。
cardの配列cardsをmapで回して表示しています。
ボタンを押下した時に最前面のBoxだけ移動したいのですが、なぜか後ろのBoxも移動してしまいます。
cardsの配列のlenghtは3なので3回ボタンを押下したらBoxがなくなるはずですが、2回押下したタイミングで画面からBoxが全部消えてしまいます。どうしたらいいでしょうか?
わかる人いましたらご教授お願いしたいです。
よろしくお願いします。
補足情報(FW/ツールのバージョンなど)
react
scss
Typescript
framer-motion
あなたの回答
tips
プレビュー