2016-05-18 22 views
0

ルータがで定義されていない理由をするときに私のcodepenここなぜ反応ノードでrouterが定義されていないのですか?

でjsの反応.Iすでに輸入反応-router.jsファイルは私のコードは、documentationパー 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

です教えてください可能性があり<script>タグを使用してライブラリを含めると、ライブラリはwindow.ReactRouterにあります。

あなたは、ファイルの先頭に以下の割り当てを追加することができます

{ Router } = ReactRouter; 

これはあなたのコードが期待するものである変数Routerreact-routerからRouterコンポーネントを公開します。あなたは返さJSXを引き締める必要があるかもしれません

+0

私の設定ファイル.Iは – user944513

+0

が – user944513

+0

\あなたのエラーを削除してください,,というインポートを参照してくださいあなたのコードの初めに

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

が、まだそれは、httpを第一の成分を表示しない:

のようなものを試してみてください://codepen.io/naveennsit/pen/KzLJqE?editors = 1010 – user944513

0

:スクリプトタグがドロップされたときに

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

でも同じエラーが表示される – user944513

+0

このエラーを取り除く方法はありますか – user944513

0

あなたは別名を初期化する必要があります。

関連する問題