我正在寻找一种使用React Router V4在页面之间进行转换的方法。
具体地说,我正在寻找一种方法来实现以下目的:1)在单击Link
组件时防止触发到新页面的导航; 2)然后开始对当前页面进行动画处理,并在完成动画并准备好卸载组件时,卸载并触发history.navigate
或history.push
。
是否有一种通用的方法,或者类似于使用React Router V4在页面之间进行动画处理的方法?
谢谢!
编辑:正如@Tholle指出的那样,可以使用CSSTransitions来转换页面,如https://reacttraining.com/react-router/web/example/animated-transitions中所示。我知道这一点,而且我已经阅读了许多有关不同方法的文章。最常见的策略是将当前页面和传入页面在固定位置重叠,后者置于opacity: 0
中,并使用CSS过渡组件提供的计时在CSS和CSS之间进行过渡。但是缺少对组件生命周期的控制令我感到惊讶,因此,我正在寻找一种在页面之间进行转换的方法,可以更好地控制页面组件的生命周期:componentWillMount,componentDidMount,componentWillUnmount和componentDidUnmount。