2017-04-03 10 views
0

なぜローカル・パスになり、ローカルホストに到達するか:8090 /約 となります。 8090 /についてリアクタ・ルータは/ pathでのみ動作します。

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エントリポイント(WebPACKの)

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

ReactDOM.render(

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

I'amの使用 "に反応-ルータ-DOM":ローカルホストを取得できません"^ 4.0.0-beta.7"

答えて

0

Linkをあなたの担当者に追加してくださいonent、ルートを変更するには、このように書く:

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

非常に役立つ)th'x –

関連する問題