Реагировать cssTransitionGroup не добавляя классы - PullRequest
Новая
       8

Реагировать cssTransitionGroup не добавляя классы

0 голосов
/ 22 января 2019

Моя ReactCSSTransitionGroup не добавляет классы CSS при входе и выходе. Я добавил ключ к своим детям, поэтому думаю, что это не проблема: 

import React from 'react'
import ReactDOM from 'react-dom'
import ReactCSSTransitionGroup from 'react-addons-css-transition-group'

class Portal extends React.Component {
  constructor(props) {
    super(props)
    this.el = document.createElement('div')
   }

  componentDidMount() {
    document.body.appendChild(this.el)
  }

  componentWillUnmount() {
   document.body.removeChild(this.el)
  }

  render() {
    return ReactDOM.createPortal(
      this.props.children,
      this.el,
    )
  }
}

export default (props) =>
  <ReactCSSTransitionGroup
    transitionName='fade' //Fade not being added
    transitionAppear={true}
    transitionAppearTimeout={2000}
    transitionEnterTimeout={2000}
    transitionLeaveTimeout={300}
    component='div'>
    <Portal key={857985785} children={props.children} />
  </ReactCSSTransitionGroup>

Я пытался без переноса портала в элемент CSStransit, но все еще не работает.

...