라우터가 정의되지 않은 대응 라우터 및 스프링 부트 서버

라우터가 정의되지 않은 대응 라우터 및 스프링 부트 서버

내 앱에 리액트 루트를 추가하려는 경우 아래 코드가 있음:

react에서 react, react-dom에서 reactDOM 가져오기;

import { Router, browserHistory } from 'react-router';

import App from './App.js';

ReactDOM.render(
    <Router history={browserHistory}> 
        <Route exact path="/" component={App} /> 
    </Router>,
    document.getElementById('root')
);

앱:

import React from 'react';

class App extends React.Component {
    render() {
        return (
            <div className="container">
                Hello
            </div>
        );
    }
}

export default App;

8080에서 수신하는 스프링 부트 서버가 있으며 브라우저에서 localhost:8080(디버그 모질라):

ReferenceError: Route is not defined

나는 "react-roouter"를 가지고 있다: "^4.1.1".

편집: 가져온 경로로 지금 확인:

TypeError: i.props.history is undefined

업데이트: react-router 3.0.2 설치 및 작동됨.

리액터 로터에서 경로 가져오기

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

웹브라우저에서 react 라우터를 사용하는 경우 react-router-dom 패키지의 Browser 또는 HashRouter를 사용해야 하며 react-router-dom 패키지의 Router를 사용해야 한다.

리액터-루터-돔을 직접 수입할 필요는 없다. 리액터-루터-돔은 당신을 위해 이것을 할 것이다.

참조URL: https://stackoverflow.com/questions/43734988/route-not-defined-react-router-and-spring-boot-server