2016-05-18 83 views
0

請你告訴我,爲什麼路由器是不確定的反應。我的js已經導入反應-router.js文件在我codepen爲什麼路由器在反應js中未定義?

這裏是我的代碼 http://codepen.io/naveennsit/pen/pymqPa?editors=1010

class App extends React.Component { 

    render() { 
     return <Router> 
      <Route path='/' component={first}></Route> 
     <Route path='/about' component={second}></Route> 
     </Router> 
    } 

} 

class second extends React.Component { 

    render() { 
     return <label>second component</label> 
    } 

} 
class first extends React.Component { 

    render() { 
     return <label>first component</label> 
    } 

} 

React.render(< App/> , document.getElementById('app')) 

回答

0

documentation,當你包括通過<script>標籤的圖書館,圖書館將在window.ReactRouter上提供。

你可以在你的文件的頂部添加以下分配:

{ Router } = ReactRouter; 

這將從react-routerRouter組件暴露給一個變量Router,這是你的代碼所期待的。

+0

請參閱我的設置文件。我導入的,, – user944513

+0

請刪除您的錯誤\ – user944513

+0

但仍不會顯示第一個組件HTTP ://codepen.io/naveennsit/pen/KzLJqE?editors = 1010 – user944513

0

您可能需要支撐你返回JSX:

return (
    <Router> 
    <Route path='/' component={first}></Route> 
    <Route path='/about' component={second}></Route> 
    </Router> 
) 
+0

仍然給出相同的錯誤 – user944513

+0

你有任何想法..如何清除此錯誤 – user944513

0

你應該初始化別名當腳本標籤被丟棄。

試着這麼做:

var Router = window.ReactRouter; 
var Route = window.ReactRouter.Ruote; 

在你的代碼的開頭