React JS中的幻燈片過渡和絕對定位

Question

我正在嘗試促進視圖過渡，其中一個大型容器組件從一側滑入，而另一側則滑出到另一側。

我可以使所有離散動畫在反應運動方面都沒有問題，但是，我對如何同時處理這兩種方法感到困惑。

本質上，這兩個組件同時存在於視口中。 我覺得我對CSS布局的了解不足以正確解決問題。

我最初的想法是將滑動元件絕對定位在相對定位的容器內。 但是，這種絕對定位對絕對定位容器內部所含的所有組件都有副作用。

這是一個已解決的問題（iOS視圖始終來回滑動並在彈出視圖端口時保留布局行為）。

如果有人可以為我提供了解該問題的良好資源，或者給我一些一般性的建議，我們將不勝感激。 我的主要問題是，我不知道要研究哪些主題或哪些書籍/在線資源可以很好地解釋此類問題的解決方案。

Answer 1

我使用了一個很棒的程序包叫做react-transition，聽起來像它可以處理您提到的情況。 在此處查看： https : //www.npmjs.com/package/react-transitions ，您可以在此處查看演示： https : //szchenghuang.github.io/react-transitions/