title: React js do common header
body: <p>I am new to ReactJS. I need to have a common header and change title according to the route changes. Do I need to create a <code>header.jsx</code> file and import it? Or else, how can I render the header (common file) with route?</p>
  
  <p>My routing part looks like this:</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import App from './App.jsx';
  import Home from './Home.jsx';
  import { Router, Route, Link, browserHistory, IndexRoute  } from 'react-router';
  
  ReactDOM.render((
      &lt;Router history = {browserHistory}&gt;
          &lt;Route path = "/home" component = {Home} /&gt;
          &lt;Route path = "/" component = {App}&gt;
          &lt;/Route&gt;
      &lt;/Router&gt;
  ));
  </code></pre>