Verhindern "URL Aktion/Laden" von React Router

Question

Ich bin neu mit Reagieren Router und ich habe versucht, eine einfache Sache zu tun, hoffe ich. In der Tat möchte ich verhindern, dass mein Browser versucht, eine URL zu laden, ich hoffe, ich werde klar sein.

In der Tat habe ich eine NavBar mit mehreren Tasten darauf und wenn ich auf einen von ihnen, die URL geändert, aber nichts passiert, ist die Wiedergabe genau das gleiche.

Aber wenn ich oder Rechtsklick Enter gedrückt und ‚Open Link in einem neuen Tab‘ eine Fehlermeldung sichtbar

Es ist, was ich reparieren will das gleiche zu erhalten Ergebnis wie vorher.

Ich gebe Ihnen nächste Beispielcode, um Ihnen zu helfen. Ich hoffe ich war klar und bedanke mich im Voraus für deine Hilfe.

*`navbarComponent.js`* 


     render(){ 
      return (
       <Navbar inverse fluid> 
        <Navbar.Header> 
        <Navbar.Brand> 
         Beam Viewer 
        </Navbar.Brand> 
        <Navbar.Toggle /> 
        </Navbar.Header> 
       <Navbar.Collapse> 
        <Nav> 
        {this.props.BpmList.map((bpm, index) => (
         <LinkContainer key={index} to={'/'+bpm.key}><NavItem>{bpm.name}</NavItem></LinkContainer> 
        ))} 
        </Nav> 
       </Navbar.Collapse> 
       </Navbar> 
      ); 

      } 

    ----------------------------------------------------------------------------- 

    *index.js* 

     class Main extends React.Component{ 

     componentWillReceiveProps(nextProps){ 

      console.log(nextProps); 

     } 

      render(){ 
      return (
       <div> 
       <NavBar /> 
       <Options /> 
       <Infos /> 
       <Video /> 
       </div> 
      ) 
      } 
     } 



    ReactDom.render(<Provider store={store}> 
        <Router history={browserHistory}> 
         <Route path='/' component={Main}/> 
         <Route path='/:bpmKey' component={Main}/> 
        </Router> 
        </Provider>, 
        document.getElementById('main')); 

Answer 1

Wenn Sie das tun, versucht der Browser diese Route von Ihrem Server zu erhalten. Da Ihr Server es nicht hat, zeigt es diesen Fehler an. Eine Möglichkeit, es zum Laufen zu bringen, ist die Verwendung von hashHistory anstelle von browserHistory.