title: React animation / ReactCSSTransitionGroup
body: <p>How would you make the following link - a spinner - work with reactjs</p>
  
  <p><a href="http://codepen.io/awesome/pen/znGwr" rel="nofollow">http://codepen.io/awesome/pen/znGwr</a></p>
  
  <p>I am using webpack:</p>
  
  <pre><code>{ test: /\.css$/, loader: "style-loader!css-loader" }
  </code></pre>
  
  <p>I know the css is working from other settings.</p>
  
  <p>I have tried the following, using the same css file(copy paste into local css ).</p>
  
  <p>Updated: I do "return" the element, but did not write it in here. Felix Kling, thanks for noting this.</p>
  
  <p>ES6:</p>
  
  <pre><code>render(){
        return
        &lt;ReactCSSTransitionGroup transitionName="spinner" &gt;
            &lt;div key='test' className="spinner"&gt;&lt;/div&gt;
        &lt;/ReactCSSTransitionGroup&gt;
  }
  </code></pre>
  
  <p>or</p>
  
  <pre><code>render(){
            return
            &lt;div key='test' className="spinner"&gt;&lt;/div&gt;
  }
  </code></pre>
  
  <p>This(both) just gives me a circle and no animation.</p>