Reactjs react路由全局标头

我刚刚开始学习React，我正在try 制作一个SPA博客，它有一个全球定位的固定标题.

import React from 'react';
import { render } from 'react-dom';
// import other components here

    render((
      <Router history={browserHistory}>
        <Route path="/" component={Home} />
        <Route path="/About" component={About} />
        <Route path="/Contact" component={Contact} />
        <Route path="*" component={Error} />
      </Router>
    ), document.getElementById('app'));

所以，每个路由都有相同的头，从我的Angular 背景来看，我会在ui视图外使用头.

在每个单独的页面组件中导入页眉组件是一种很好的做法，或者我可以在我的<Router><myHeader/><otherRoutes/></Router>页上添加页眉组件吗？

Update:

我想用这样的方法:

Routes组件，我在其中定义我的路由:

class Routes extends React.Component {
    render() {
        return (
            <Router history={browserHistory}>
                <IndexRoute component={Home} />
                <Route path="/studio" component={Studio} />
                <Route path="/work" component={Work} />
                <Route path="*" component={Home} />
            </Router>
        )
    }
}

然后是主索引.js文件我想呈现如下内容:

import Routes from './components/Routes';

render((
   <div>
      <div className="header">header</div>
      <Routes />
   </div>
), document.getElementById('app'));

有人能给我解释一下吗？谢谢