2016-03-18 16 views
0

に指定されていなかった私はreact-routerを実装しようとしているが、私は下のエラーを取得しています:リアクト・ルータを、必要な小道具 `to`が` Link`

propType失敗

:必要な小道具toが指定されていませんでしたがLink。 のレンダリング方法を にチェックしてください。

私のコードで何が間違っているのか分かりません。

./app/app.js

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { Router, Route, browserHistory } from 'react-router'; 

// Layouts 
import App from 'layouts/app'; 

// Components 
import Portfolio from 'ui/portfolio'; 
import Blog  from 'ui/blog'; 
import TimeLine from 'ui/timeline'; 
import About  from 'ui/about' 
import Contact from 'ui/contact' 


ReactDOM.render((
    <Router history={browserHistory}> 

     <Route component={App}> 

      <Route path="/" component={Portfolio} /> 
      <Route path="/blog" component={Blog} /> 
      <Route path="/timeline" component={TimeLine} /> 
      <Route path="/about" component={About} /> 
      <Route path="/contact" component={Contact} /> 

     </Route> 

    </Router> 
), document.getElementById('root')); 

./app/layouts/app.jsあなたは私が使用している依存関係の下に見ることができます

import React from 'react'; 
import { Link } from 'react-router'; 

export default React.createClass({ 
    render: function() { 
     return (
     <div className="app"> 
      <nav> 
       <Link to="/">Portfolio</Link><br /> 
       <Link to="/blog">Blog</Link><br /> 
       <Link toc="/timeline">TimeLine</Link><br /> 
       <Link toc="/about">About</Link><br /> 
       <Link toc="/contact">Contact</Link> 
      </nav> 
      <main> 
       {this.props.children} 
      </main> 
     </div> 
    ) 
    } 
}); 

"dependencies": { 
    "axios": "^0.9.0", 
    "react": "^0.14.3", 
    "react-dom": "^0.14.3", 
    "react-redux": "^4.0.6", 
    "react-router": "^2.0.0", 
    "redux": "^3.3.1", 
    "redux-thunk": "^1.0.3" 
    }, 
    "devDependencies": { 
    "babel-core": "^6.3.13", 
    "babel-loader": "^6.2.0", 
    "babel-preset-es2015": "^6.3.13", 
    "babel-preset-react": "^6.3.13", 
    "babel-preset-stage-2": "^6.3.13", 
    "gulp": "^3.9.0", 
    "gulp-serve": "^1.2.0", 
    "json-server": "^0.8.6", 
    "webpack-stream": "^3.1.0" 
    } 

何が起こっているのですか?

ありがとうございます!

答えて

1
<Link toc="/timeline">TimeLine</Link><br /> 
<Link toc="/about">About</Link><br /> 
<Link toc="/contact">Contact</Link> 

あなたはtoないtoc

<Link to="/timeline">TimeLine</Link><br /> 
<Link to="/about">About</Link><br /> 
<Link to="/contact">Contact</Link> 
たい
関連する問題