How to set active only one link with react router for multiple url state?
<p>I have three main links in my home page such as Lists, about and history. I want to get activate Lists link when i'm in details and photos screens. How to set active for that particular links?</p>

<p>Here is my router code,</p>

<pre><code>&lt;Router history={hashHistory}&gt;
    &lt;Route path="/"&gt;
        &lt;IndexRedirect to="home/lists" /&gt;
        &lt;Route path="home" component={Home}&gt;
            &lt;Route path="lists" component={Lists} /&gt;
            &lt;Route path="details" component={Details} /&gt;
            &lt;Route path="photos" component={Photos} /&gt;
            &lt;Route path="about" component={About} /&gt;
            &lt;Route path="history" component={History} /&gt;
        &lt;/Route&gt; 
    &lt;/Route&gt;
&lt;/Route&gt;
</code></pre>

<p>Menu component,</p>

<pre><code>&lt;li&gt;&lt;Link to="home/lists" activeClassName="active"&gt;Lists&lt;/Link&gt;&lt;/li&gt;
&lt;li&gt;&lt;Link to="home/about" activeClassName="active"&gt;About&lt;/Link&gt;&lt;/li&gt;
&lt;li&gt;&lt;Link to="home/history" activeClassName="active"&gt;History&lt;/Link&gt;&lt;/li&gt;
</code></pre>

<p>I want to always active lists link when i'm in details and photos. How to get resolve this issue. I'm struggling past 3 hours to get fixed this issue. Someone please get me out from this issue</p>