2017-03-15 8 views
0

私は基本的にドキュメントからコードを直接コピーして、それは独特のエラーを投げています。ここでメテオ - シンプルな反応ルータのエラーを投げる

Warning: Failed prop type: The prop `history` is marked as required in 
`Router`, but its value is `undefined`. 
    in Router 

は私のコードです:

クライアント/ main.jsx

import React from "react" 
import { render } from "react-dom" 
import { Meteor } from "meteor/meteor" 

import { renderRoutes } from "../imports/ui/Routes.jsx" 

Meteor.startup(() => { 
    render(renderRoutes(), document.getElementById('react-root')) 
}) 

輸入/ UI/Routes.jsx

import React from 'react' 
import { render } from "react-dom" 
import { Router, Route, IndexRoute, browserHistory } from 'react-router' 

// route components 
import App from "./App.jsx" 

export const renderRoutes =() => (
    <Router history={browserHistory}> 
    <Route path="/" component={App} /> 
    </Router> 
) 

輸入/ UI/App.jsxは

import React, { Component } from 'react' 

import TopBar from "./components/TopBar.jsx" 
import LeftMenuContainer from "./components/LeftMenuContainer.jsx" 
import LivePurchases from "./components/LivePurchases.jsx" 

// App component - represents the whole app 
export default class App extends Component { 
    render() { 
    return (
     <div className="App"> 
      <div className="flexWrapperGlobal"> 
       <TopBar/> 
       <div className="contentContainer"> 
        <LeftMenuContainer/> 
        <div className="bodyContainer"> 
         <LivePurchases/> 
         <div className="siteContentContainer"> 
          {this.props.children || "test"} 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    ) 
    } 
} 

私からの例にかけhistory={browserHistory}

答えて

4

スイッチで小道具を設定していて、このエラーを与えるべきではないと思われますReact Docs

輸入/ UI/Routes.jsx

import React from 'react' 
import { render } from "react-dom" 
import { Router, Route, IndexRoute } from 'react-router' 
import createBrowserHistory from 'history/createBrowserHistory' 

// route components 
import App from "./App.jsx" 

const history = createBrowserHistory() 
export const renderRoutes =() => (
    <Router history={history}> 
    <Route path="/" component={App} /> 
    </Router> 
) 
関連する問題