칸트 설정 반응 라우터

Question

반응을 배우기 시작했습니다. 간단한 프로젝트에서 반응 라우터를 통합하고 싶습니다. 코드는 다음과 같습니다

var React = require('react'); 
var ReactDOM = require('react-dom'); 
var Router = require('react-router'); 
var Route = Router.Route; 
var hashHistory = Router.hashHistory; 
var IndexRoute = Router.IndexRoute; 

var APP = require('./components/APP'); 
var Map = require('./components/Maps'); 
var Graph = require('./components/Graph'); 



var routes = (
    <Router history={hashHistory}> 
    <Route path="/" component={APP}></Route> 
    <Route path="maps" component={Maps}></Route> 
    <Route path="graph" component={Graph}></Route> 
    </Router> 
) 

ReactDOM.render(routes, document.getElementById('react-container')); 

하지만 다음과 같은 오류가 점점 오전 : 경고 : React.createElement : 유형이 유효하지 않습니다 - 복합 구성 요소 ((내장 구성 요소) 문자열 예상 또는 클래스/기능) 그러나 got : object.

감사

Answer 1

라우터 구성 요소는 '반응 라우터를'라이브러리의 기본 내보내기되지 않습니다. 코드의 Router 객체는 Router 및 Route 구성 요소를 포함하여 '반응 라우터'라이브러리를 포함하는 래퍼 객체입니다.

var router = require('react-router'); 
var Router = router.Router; 
var Route = router.Route;