在reactjs中更改页面标题？

Question

我正在使用React Router在同一页面上从组件移动到另一个组件而不刷新，我想根据当前活动组件更改页面标题。

这是我的代码

<Router forceRefresh={false} >
    <div className="sidemenu">
            <ul>
              <li><Link to="/">Home/Today</Link></li>
              <li><Link to="/profile">My profile</Link></li>
              <li><Link to="/schedule">My Schedule</Link></li>
            </ul>
    </div>
{this.routes.map((route, index) => (
          // Render more <Route>s with the same paths as
          // above, but different components this time.

          <Route
            key={index}
            path={route.path}
            exact={route.exact}
            component={route.main}
          />
        ))}
</Router>

我尝试了document.title = "Page title"之类的内容，但我不知道如何在Route或特定组件中呈现它