はじめに
div要素をクリックしてanimationする方法が出来たのでとりあえず載せます。
Clickするたびにboxが変化します。
実行例
See the Pen Untitled by kalz2q (@kalz2q) on CodePen.
解説
参考にしたサイト
詳細cssアニメーション編 dotinstall
Add or Remove a Class on click in React
useStateとonClick={handleClick}でclassNameを書き換えています。
addClassを使った方がスマートと思うのですが、使い方がわからないので研究中です。