渲染后立即生成动画组件

Question

我有一个反应组件，它接收两个其他组件，第一个组件始终呈现，第二个组件仅在选择组件时呈现。

ExpandableItem：

const propTypes = { 
    header: PropTypes.element.isRequired, 
    content: PropTypes.element.isRequired, 
    isSelected: PropTypes.bool.isRequired 
}; 

export default class ExpandableItem extends React.Component { 
    render() { 
     return (<li> 
      {this.props.header} 
      {this.props.isSelected && this.props.content} 
     </li>); 
    } 
} 

ExpandableItem.propTypes = propTypes; 

而当内容变得可见，该组件的高度变得更大了，我希望它是动画。

我该怎么做？

Answer 1

为什么不使用@keyframes和@ -moz-keframes与CSS类