2017-04-03 4 views
0

Warum arbeiten nur Root-Pfad und wenn ich zu localhost: 8090/darüber say's. Kann nicht localhost erhalten: 8090/aboutReact Router funktioniert nur mit/Pfad

import React,{Component} from "react" 
    import {BrowserRouter as Router,Route} from "react-router-dom" 

var About =()=>{ 
    return <div>About us{}</div> 
} 

class App extends Component{ 
render(){ 
return (
    <Router> 
<div> 
     <Route path ="/" component={About}/> 
     <Route path ='/about'component={About}/> 
</div> 
    </Router> 
); 
} 
} 
export default App; 

main.js Eintrittspunkt (webpack)

import React from "react" 
import ReactDOM from "react-dom" 
import App from "./components/App.jsx" 

ReactDOM.render(

     <App />, 
     document.getElementById('table') 
); 

Ich bin Gebrauch "reagieren-Router-dom": "^ 4.0.0-beta.7"

Antwort

0

Fügen Sie einen Link zu Ihrem Computer hinzu onent, um die Strecke zu ändern, schreiben Sie es wie folgt aus:

import {BrowserRouter as Router,Route, Link} from "react-router-dom" 

class App extends Component{ 
    render(){ 
    return (
     <Router> 
     <div> 
      <Link to='/about'>About </Link> 
      <Route path ="/" component={About}/> 
      <Route path ='/about'component={About}/> 
     </div> 
     </Router> 
    ); 
    } 
} 
export default App; 
+0

Sehr hilfreich) th'x –