title: Add active class to link (React JS)
body: <p>Have a component that's display menus from array</p>
  
  <pre><code>import React from 'react'
  import { Link, browserHistory,IndexLink } from 'react-router'
  
      $( document ).ready(function() {
  
      $( "ul.tabs li a" ).first().addClass("current");  
  
      $("li:not(:first-child)").click(function() {
        $( "ul.tabs li a" ).first().removeClass("current"); 
      });
  
      });
  
       function Tabs (props) {
  
          const numbers = props.menuitems;
        const listItems = numbers.map((number) =&gt;
          &lt;li key={number.link} &gt;&lt;Link to={number.link} activeClassName="current" className="tab-link"&gt;{number.linkName}&lt;/Link&gt;&lt;/li&gt;
        );
        return (
          &lt;div&gt;
          &lt;ul className="tabs" &gt;{listItems}&lt;/ul&gt;
          &lt;div className="tabs-header-stripe"&gt;&lt;/div&gt;
          &lt;/div&gt;
        );
  
      }
      export default Tabs
  </code></pre>
  
  <p>I added "curent" class by Jquery to first element, the problem is When I go from another page, class not adding, but when I just refresh page It's add normaly. </p>