タグ付けされた質問 「react-transition-group」

2
`react-beautiful-dnd`が` react-transition-group`アニメーションをトリガーしないようにするにはどうすればよいですか?
私の問題を説明するビデオ:https : //i.imgur.com/L3laZLc.mp4 カードを2つの異なる行に追加できるシンプルなアプリがあります。カードが行に追加されるとreact-transition-group、「エンター」アニメーションをトリガーするために使用しています。 ただし、react-beautiful-dnd行間でカードをドラッグできるようにインストールし、行自体を並べ替えることもできます。ただし、カードが新しい行に移動されたとき、または行が並べ替えられたときに、一部のカードには「エンター」アニメーションが発生します。 ドラッグすると、次の場合に不要なアニメーションが起動します カードは別の行にドラッグされます。 行が再注文され、2つの行のカードの数が異なります。 奇妙なことに、不要なアニメーションは発生しません カードは、元の行内の新しい位置にドラッグされます。 行は並べ替えられ、行には同じ数のカードがあります。 を使用してを変更したreact-transition-groupときにアニメーションが起動しないようにする方法を知りたいのstateですがreact-beautiful-dnd。 私の問題のサンドボックス(App.jsファイル内のコメントの詳細): https://codesandbox.io/s/get-beautiful-drag-to-not-trigger-transition-group-tc40w?fontsize=14&hidenavigation=1&theme=dark
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.