title: React with FlowRouter: How to show/hide component based on route
body: <p>I have a <code>Meteor</code> application that I'm developing using <code>React</code> and I do my routing using <code>FlowRouter</code>.  My main <code>AppContainer</code> for the project has a bunch of components, one of them being the footer.</p>
  
  <pre><code>class AppContainer extends Component {
      render() {
          return(
              &lt;div className="hold-transition skin-green sidebar-mini"&gt;
                  &lt;div className="wrapper"&gt;
                      &lt;Header user={this.props.user} /&gt;
                      &lt;MainSideBar /&gt;
                      {this.props.content}
                      &lt;Footer /&gt;
                      &lt;ControlSideBar /&gt;
                      &lt;div className="control-sidebar-bg"&gt;&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <p>I have a few routes that go to various chat rooms:</p>
  
  <p><em>Eg.</em></p>
  
  <pre><code>/chatroom/1
  /chatroom/2
  /chatroom/3
  </code></pre>
  
  <p>Is there a way for me to hide the <code>&lt;Footer /&gt;</code> component if the route is a <code>/chatroom/&lt;anything&gt;</code>? </p>