title: Using odd/even switch for classNames
body: <p>I want each <code>this.state.title</code> to align according to a different classname.</p>
  
  <p>I tried using css flex boxes/nth-of-type/nth-child, but it did not play nicely with React.</p>
  
  <p>I'm using <code>this.state</code> to get my objects.</p>
  
  <h1>My unsuccessful attempt</h1>
  
  <pre><code>render: function () {
      let className
      var newVar = !someVar;
  
   switch(someVar) {
          case odd:
              className= "post-1 line";
              break;
          case even:
              className = "post-2 right-align line";
              break;
      }
      return (
            &lt;article class={I WANT THIS TO FILL FROM SWITCH}&gt;           
                &lt;div class="s-12 l-6 post-image"&gt;                   
                   &lt;a href="post-1.html"&gt;
                   &lt;img src="/post1.jpg"&gt;
                   &lt;/a&gt;                
                &lt;/div&gt;          
                &lt;div class="s-12 l-5 post-text"&gt;
                   &lt;a href="#"&gt;
                      &lt;h2&gt;{this.state.title}&lt;/h2&gt;
                   &lt;/a&gt;
                   &lt;p&gt;Testing           
                   &lt;/p&gt;
                &lt;/div&gt;
  
                &lt;div class="s-12 l-1 post-date"&gt;
                   &lt;p class="date"&gt;28&lt;/p&gt;
                   &lt;p class="month"&gt;feb&lt;/p&gt;
                &lt;/div&gt;
             &lt;/article&gt;
  
      );
    }
  });
  </code></pre>