reagieren url blank

Question

erscheint ich folgendes haben Router reagieren:

<Router history={browserHistory}> 
     <Route path="login" component={LoginPage} onEnter={redirectHome}/> 
     <Route path="app" component={App} onEnter={requireAuth}> 
      <IndexRoute component={DashboardPage}/> 
      <Route path="accounts"> 
       <IndexRoute component={AccountPage}/> 
       <Route path="add" component={AccountAdd} /> 
       <Route path="detail/:id" component={AccountDetail} /> 
      </Route> 
      <Route path="contacts"> 
       <Route path="detail/:id" component={ContactPage}/> 
      </Route> 
      <Route path="transmissors"> 
       <Route path="detail/:id" component={TransmissorPage}/> 
      </Route> 
      <Route path="attends" component={AttendancePage} /> 
      <Route path="reports" component={ReportPage} /> 
      <Route path="configs" component={ConfigurationPage} /> 
     </Route> 
     <Route path="*" onEnter={redirect}/> 
    </Router> 

Meine url url_base/app/Konten korrekt funktioniert, aber meine url url_base/app/Konten/Detail/2 erscheint leer

I habe einige Änderungen an meinem Router vorgenommen, bevor Thesen meine URL geändert wurden url_base/accounts und url_base/accounts/detail/2

Was ist los? Es gibt ein Limit für verschachtelte Routen.

Answer 1

Mein Fehler bei der Komponente war die AccountDetail Komponente aufruft:

<div className="account-table-td-actions-container"> 
    <Link className="account-table-td-actions-a" to={"/app/accounts/detail/"+ this.props.id}> 
     <List svgClass="account-table-td-actions-list" width="24" height="24" /> 
    </Link> 
    <Link className="account-table-td-actions-a" to={"/app/accounts/detail/"+ this.props.id}>     
     <Edit svgClass="account-table-td-actions-edit" width="24" height="24" /> 
    </Link> 
    <Link className="account-table-td-actions-a" to={"/app/accounts/detail/"+ this.props.id}> 
     <Delete svgClass="account-table-td-actions-delete" width="24" height="24" /> 
    </Link></div> 

Der Link zu falsch war, dann stelle ich die richtige URL:/app/Konten/detail/