問題タブ [framer-motion]

framer-motionを使用すると、custom小道具に渡したオブジェクトをmotion.divバリアントに更新しても、期待されるスタイルの変更がトリガーされないという問題があります。

この問題を実証するために、次のサンドボックスを作成しました。

https://codesandbox.io/s/framer-motion-stale-custom-fibp5?file=/src/App.js

私の期待は、テーマを切り替えると、サークルのオン/オフの色が新しいテーマに基づいてすぐに変更されることです。(黒/白からダークブルー/イエロー、またはその逆)。

ただし、テーマの変更は、アニメーションの値が変更された場合にのみ適用されます (ステータスが「オン」から「オフ」に変更されるなど)。そのため、テーマを切り替えると、「古い」テーマの値が表示されます。状態 (オン/オフ)。

どんな助けでも大歓迎です。

こんにちは、終了時に不透明度 1 から 0 までの 2 つのルートをアニメーション化しようとしています。しかし、何らかの理由で<Link>クリックするとルートが変更されます (例: '/' => '/chat?name=bob&room=here') が、ページのコンテンツは同じままで、その特定のルートのコンポーネントをレンダリングしません。また、ブラウザから「戻るボタン」を使用すると、アニメーションがうまく機能します。

ボタンのクリックに取り組んでいない理由を知っている人はいますか?

App.js

ログイン.js

ChatRoom.js