text: import React, {
      Component,
      Fragment
  } from 'react';
  import {
      CSSTransition,
      TransitionGroup
  } from 'react-transition-group';
  import './style.css';
  import {
      Card
  } from 'antd';
  class App extends Component {
  
      constructor(props) {
          super(props);
          this.state = {
              show: true
          }
          this.handleToggle = this.handleToggle.bind(this);
  
      }
      render() {
          // return(
          //     <Fragment>
          //         <CSSTransition
          //             in = {this.state.show}
          //             timeout = {1000}
          //             classNames='fade'
          //             unmountOnExit
          //             onEntered={(el)=>{
          //                 el.style.color = 'blue';
          //             }}
          //             appear ={true}
  
  
          //         >
          //             <div>helloWorld</div>
          //         </CSSTransition>
          //         {/*<div className={this.state.show ?'show':'hide'}>hello</div>*/}
          //         <button onClick={this.handleToggle}>toggle</button>
          //     </Fragment>
          // )
          return () {
              <div style={{ background: '#ECECEC', padding: '30px' }}>
      <Card title="Card title" bordered={false} style={{ width: 300 }}>
        <p>Card content</p>
        <p>Card content</p>
        <p>Card content</p>
      </Card>
    </div>,
              mountNode);
      }
      handleToggle() {
          this.setState({
              show: this.state.show ? false : true
          })
      }
  }
  
  export default App;