javascript - History is not saving in the same component, with different route parameters, in React JS -
i working on react js application windows mobile. route configuration below
<route path='/' component={app} > <indexredirect to='/shows/1' /> <route path='shows/:id' onenter={bootstrap} component={showspage} /> <route path='settings' component={settings} /> <route path='devices' component={devices} /> </route>
i have 3 tabs in first route urls
shows/1 shows/2 shows/3
i using react-router , tabs tabs like
<li key={tab}> <link to={`/shows/${tab}`} classname={classes.tabs} activeclassname={classes.active}>{tab}</link> </li>
how navigating? when run application, first page shows/1
, if tap on second tab, route shows/2
.
what's happening in browser? when run application in browser, can see shows/1 , if click on second tab can see url changing shows/2
. here when click browser button navigating shows/1. , when go settings page shows/2
, click on browser button when in settings page, can see shows/2
page, alright.
what's happening in device? when run application in device, can see shows/1 , if click on second tab can see second tab(shows/2) content. here when click device button app quitting. , when go settings page shows/2
, click on device button when in settings page, can see shows/2
page, alright.
what's issue? feel that, in device navigation not saving if move 1 tab 1 single component.
what have tried? tried remove link
tab , added click event , in click handler using below code, no use.
this.props.router.push('/shows/' + showid)
what should behaviour? in device, if navigated shows/1
shows/2
, , if click on device button shows/2
should able go shows/1
instead of quitting app.
any kind of appreciated.
Comments
Post a Comment