foo.jsx

// makeRouteComponent.js
import { compile } from 'path-to-regexp'
import { Route } from 'react-router'

export const makeRouteComponent = config => Comp => {
  Comp.__toPath = compile(config.path)
  return <Route {...config} component={Comp}/>
}

export const pathTo = (Comp, params) => (
  Comp.__toPath(params)
)

////////////////////////////////////////////////////////////
// Dashboard.js
const Dashboard = () => <div>Dash!</div>
export default makeRouteComponent({ path: '/dashboard' })

////////////////////////////////////////////////////////////
// Somehwere else in render
import { render } from 'react-dom'
import { BrowserRouter } from 'react-router'
import { pathTo } from './makeRouteComponent'
import Dashboard from './Dashboard'
import Inbox from './Inbox'

render((
  <BrowserRouter>
    <div>
      <ul>
        <li><Link to={pathTo(Dashboard)}>Dashboard</Link></li>
        <li><Link to={pathTo(Inbox)}>Inbox</Link></li>
      </ul>
      <main>
        <Dashboard/>
        <Inbox/>
      </main>
    </div>
  </BrowserRouter>
), root)