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

Popular posts from this blog

sql - invalid in the select list because it is not contained in either an aggregate function -

Angularjs unit testing - ng-disabled not working when adding text to textarea -

How to start daemon on android by adb -