在React中使用css中的过度动画

//在render生命周期函数中给返回的Dom添加一个类名
    render() {
        const {content} = this.props;
        
        return (
            
{content}
        )
    }

css样式

.show{
    font-size: 24px;
    animation: hide-item 2s ease-in;
}
@keyframes hide-item{
    0%{ opacity : 0;}
    50% { opacity:0.5;}
    100% { opacity:1;}
}