ReactCSSTransitionGroup没有添加任何类

Question

我试图集成ReactCSSTransitionGroup，以便有一些非常基本的淡入/退出动画，但没有类添加到孩子。在控制台里没有任何帮助。我是不是犯了什么明显的错误？

​

import React from 'react';
import { connect } from 'react-redux'
import history from '../history'
import { Map } from 'immutable'
import ReactCSSTransitionGroup from 'react/lib/ReactTransitionGroup'

import TwitchChannel from './twitchChannel'
import TwitchChannelAddForm from './twitchChannelAddForm'

const component = React.createClass({

	render: function() {
		return (
			<div>
				<TwitchChannelAddForm />
				<ReactCSSTransitionGroup transitionName="animation" transitionAppear={true}>
					{this.props.channels.map(ch => 
						<TwitchChannel channel_id={ch.get('id')} key={ch.get('id')} />
					)}
				</ReactCSSTransitionGroup>
			</div>
		)
	}
})

function mapStateToProps(state) {
	return {
  		channels: state.getIn(['twitch', 'channels'], Map({})).toArray()
	}
}

export default connect(mapStateToProps)(component)

​

Css

​

animation-enter {
  opacity: 0.01;
}
.animation-enter.animation-enter-active {
  opacity: 1;
  transition: opacity 2s ease-in;
}

​

Answer 1

好吧，所以我发现了问题。

当我试图用npm导入‘react-addons-transition group’包时，我遇到了一个错误，所以我直接引用了这个包(“react/lib/ReactTransitionGroup”)。这修复了所有错误，但代码本身也不起作用。

在通过npm搜索之后，我发现了这个包‘react addons-css-’，在安装和导入之后，我让它开始工作。