react-transition-group使用爬坑

最近在学react-transition-group来做一个动画效果。发现按照资料中的方法组件动不起来。后来试了第二种方法才可以。
第一种：
中动画效果的样式是加在最外面的<SearchIcon>里的。用的是.left { float: left; }。发现不行。后来把样式加在要运动的组件中<NavSearch>中，用&.left { float: left; }好了。