How can I specify <Router /> basename?

[blairbodnar]

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 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! 😄

[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!

[blairbodnar]

Ah yeah, I see. Thanks! And great work with everything. I'm loving mirrorx so far 👍

[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'));

[blairbodnar]

@island205 Thanks! That works great!

[llh911001]

@blairbodnar It's done, now Router supports every prop BrowserRouter or HashRouter handles. Take a look at this commit, the latest version is v0.2.7.

[blairbodnar]

@llh911001 Awesome, thank you!