Question

我正在尝试使此组件在安装时移入，但变得

Cannot read property 'enter' of undefined

这是一个简化的代码（我已经准备好所有CSS类）：

class Example extends React.Component {
  state = {
    transitionIn: false,
  };

  componentDidMount = () => {
    this.setState({ transitionIn: true })
  }

  render() {
    return (
      <CSSTransition
        in={this.state.transitionIn}
        timeout={1000}
        className={'wordTransition'}
      >
        <div>dksjfnsdkjnfj</div>
      </CSSTransition>
    );
  }
}

https://codesandbox.io/s/rj5046zxoo

Answer 1

我相信您遇到的错误是您在上面提供的codeandbox.io链接中解决的错误。我遇到了同样的问题。 我并没有使用以类名作为各种过渡状态classNames（复数）的前缀的prop命名，而是使用了更为熟悉的className（单数）。

要重申：在<CSSTransition>组件内，请确保您使用的是classNames道具，而不要像在React组件的html元素中那样使用className。

我认为React Transition Group方面在其组件中使用名为classNames的道具的选择令人困惑，应该重新考虑。

在安装上提供React组件动画

1 个答案: