How can I specify <Router /> basename?

How can I specify a router basename?

With the <BrowserRouter /> component in react-router v4, there is a basename prop:

<BrowserRouter basename="/calendar" />
<Link to="/today"/> // renders <a href="/calendar/today">

Is there a way to access or use this in the <Router /> component provided in mirrorx?

import mirror, {Router, render} from 'mirrorx'
render((
    <Router basename="/calendar"> // no basename prop... this doesn't work
        ...
    </Router>
), document.getElementById('foo'));

thanks! 😄

[island205]

@blairbodnar you could pass an history instance to Router function:

import createHistory from 'history/createBrowserHistory'
import mirror, {Router, render} from 'mirrorx'

const history = createHistory({basename: '...'})
render((
    <Router history={history} >
        ...
    </Router>
), document.getElementById('foo'));

[llh911001]

Yeah, that’s a problem currently, 'cause the ConnectedRouter provided by react-router-redux is a top-level Router which doesn’t handle props like basename or getUserConfirmation.

We’ll figure out this, thanks for response!