title: If <notFound/> component get executed add class to <footer/>component . React-Redux
body: <p>If &lt; notFound /> rout get executed (i.e : if not found page get rendered I want to add class to footer component.</p>
  
  <p>Below is my index.jsx  render function</p>
  
  <pre><code>    render() {
      return (
          &lt;div&gt;
              &lt;Navbar /&gt;
              &lt;div className="pageData"&gt;
                  {this.props.children}
                  // &lt;notFound/&gt; component will get rendered here
              &lt;/div&gt;
              &lt;Footer/&gt;
              &lt;LoginPopup /&gt;
          &lt;/div&gt;
      )
  }
  </code></pre>
  
  <p>Below is my routes.jsx</p>
  
  <pre><code> import React from 'react'
  import { Route, IndexRoute } from 'react-router'
  import App from 'layout/app'
  import Home from 'pages/home'
  import MyWagers from 'containers/myWagersContainer'
  import Wagers from 'containers/wagersContainer'
  import NotFound from 'pages/notFound'
  
  const ROUTES = (
  &lt;Route path='/' component={App}&gt;
      &lt;IndexRoute component={Home} /&gt;
      &lt;Route path="/wagers(/:trackCode)(/:raceNum)" component={Wagers} &gt;
          &lt;Route path="*" component={() =&gt; (&lt;NotFound status = "404" /&gt;)}/&gt;
      &lt;/Route&gt;
      &lt;Route path="/mywagers" component={MyWagers} /&gt;
      &lt;Route path="*" name = "notFound" component={() =&gt; (&lt;NotFound status =  "404" /&gt;)}/&gt;
  &lt;/Route&gt; ) 
  export default ROUTES
  </code></pre>
  
  <p>So  can we set something globally or can we get route name so we can add class in footer component as per &lt; notFound / > component get rendered</p>