Question

我遇到了一个问题，即我将动画应用于父路线并且子项继承了相同的动画。我想从子路线的父路线不同的动画。任何人都可以帮忙。这就是我在做的事情：

render（）方法：

const path = this.props.location.pathname;
const segment = path.split('/')[1] || 'root';

return（）方法：

<ReactCSSTransitionGroup
      transitionName = "fade"
      transitionEnterTimeout = {750}
      transitionLeaveTimeout = {250}>
      {React.cloneElement(this.props.children, {key: segment})}
</ReactCSSTransitionGroup>

然后在我的孩子组件中：

<ReactCSSTransitionGroup
      transitionName = "slide"
      transitionEnterTimeout = {1000}
      transitionLeaveTimeout = {1000}>
      {React.cloneElement(this.props.children, {key: this.props.location.pathname})}
</ReactCSSTransitionGroup>

儿童路线变淡而不是幻灯片动画？

Answer 1

问题是每个孩子的密钥完全相同，所以我使用路径作为密钥，因为路径总是不同。

反应过渡组

1 个答案: