如何添加叠加层以进行页面转换？

Question

我会在react_next.js中为页面过渡添加一个叠加层

我已经看到了这个依赖项，它非常有趣地显示了我想要触发的动画：

https://codepen.io/jcoulterdesign/pen/EPNrzg

我什至不知道这些部分在这些方面的含义：

-# Slides
  %section.active_slide{'data-transition' => 'none'}
    .center 
      %h1 Super Easy Slider/Page Transitions
      %h2 Go ahead, click the lil arrows
  %section{'data-transition' => 'split_diagonal'}
    .center 

例如，如何处理react-transition-group？

我目前正在与react-transition-group一起玩，

任何提示都会很棒，

谢谢