Jsx and transition?

render-functions

#1

代码

render() {
    const { visible } = this
    return (
    	<div>
        	<transition name='el-fade-in-linear'>
                {
                    visible
                    ? <span class='actions__item'>123</span>
                    : <span class='actions__item'>456</span>
                }
       		</transition>
        </div>
    )
}

问题

组件的内容可以成功切换,但是却没有过渡的状态显示,就是没有动画出来,求各路大神答疑解惑!