反应动画/ ReactCSSTransitionGroup

Question

您将如何使用reactjs实现以下链接？？旋转器？

http://codepen.io/awesome/pen/znGwr

我在用webpack：

{ test: /\.css$/, loader: "style-loader!css-loader" }

我知道css是从其他设置工作的。

我使用相同的css文件(将粘贴复制到本地css )尝试了以下操作。

更新:我做“返回”元素，但没有写在这里。费利克斯·克林，谢谢你注意到这一点。

ES6：

render(){
      return
      <ReactCSSTransitionGroup transitionName="spinner" >
          <div key='test' className="spinner"></div>
      </ReactCSSTransitionGroup>
}

或

render(){
          return
          <div key='test' className="spinner"></div>
}

这(两种)只是给了我一个圆，没有动画。

Answer 1

既然你在评论中要求回答..。

我认为问题在于，您是在复制未编译的SCSS，而不是编译的CSS。

希望这有帮助！