正确用法
<CSSTransition
in={this.state.focused}
timeout={500}
classNames="slide"
>
<NavSearch
className={this.state.focused ? 'focused' : ''}
onFocus={this.handleFocus}
onBlur={this.handleBlur}
/>
</CSSTransition>
错误做法
当你把classNames写成className的时候, 不会报错,slide-enter
,slide-enter-active
这些默认的类名也会添加。
但是里面包裹的元素<NavSearch/>
无法添加任何类名,加了也不生效。