問題タブ [react-motion]

反応コンポーネントのスケールをアニメーション化しようとしています。それはかなり単純に見えますが、これは基本的にReact-Motionの例から出てきたものです:

しかし、さまざまな理由でコンポーネントが消えたり、適切に表示されなかったりします。このコンポーネントのスケールを適切にアニメーション化するにはどうすればよいですか?

この例のように、メニュー項目の下線を移動する必要があります。

jQuery を使用すると、メニュー項目の左の位置と幅を取得するだけで済みます。そして、stop.animationホバーで実行します。

そんなアニメーションを でやろうとしていReactます。しかし、方法がわかりません。Google で調べた結果、人気のあるアニメーション用の反応モーション ライブラリを見つけました。しかし、ホバー時にアニメーションをトリガーする方法が見つかりません。

私の仕事は、divホバー時に青い下線を移動することです。解決策を見つけるのを手伝ってください。

プログレス バー アニメーションの jQuery の例を次に示します。jQueryを使わずにReactjsでこの機能が欲しいです。この機能を実装する方法。