<ReactCSSTransitionGroup transitionName="adding-tag" transitionEnterTimeout={300}
transitionLeaveTimeout={300}>
{
this.props.curTags.toJS().map((item, index)=> {
return (
<div className="tag-item" key={item} onClick={this.handleDeleteTag.bind(this,item)}>
<span className="tag-item-text">
{item}
</span>
</div>
)
})
}
</ReactCSSTransitionGroup>
如果使用key={index}會導(dǎo)致渲染的異常,如果被刪除的項在數(shù)組中的位置是第一個,那么刪除過程中,項會被移動到數(shù)組的末尾,在界面上看就是被移動到了最后面的位置
