Angularjs에서와 같이 분산 Reactjs 라우팅

Question

Angular.js에서 React.js로 전환 중입니다.

각도에서 나는 내 코드를 엄격하게 구분합니다. 모든보기에 대해 하나의 HTML 및 하나의 js 파일이 있습니다. 각도에서는 중앙 라우팅 파일을 만들거나 분할하여 배포 할 수 있습니다.

예를 들어, http://example.com * profile이 profile.html 및 profile.js를 시작한다고 가정하면 profile.js 파일 내에 라우팅 정보를 갖게됩니다.

내가

반응에 같은 일을하고 싶은 방법이 있나요, 예를 들어 profile.js 파일에

<Router> 
    <Route path="/profile" component={Profile} /> 
</Router> 

이 있고 또한이하는

<Router> 
    <Route path="/widgets" component={Widgets} /> 
</Router> 

widget.js 파일에?

두 개가 공존 할 수 있습니까? 필자는 기능에 대한 관심을 굳게 믿고 있으며, "프로파일"뷰에서 작업하는 프로그래머가 "위젯"뷰에서 작업하는 프로그래머와 동일한 라우팅 파일에 액세스 할 필요가 없다면 좋을 것입니다.

Answer 1

개당 react-router-dom 4.0.

라우터 태그 안에 진입 점이있을 수 있습니다.

ReactDOM.render(
<Provider store={store}> 
    <Router history={browserHistory} > 
     <Route path="/" component={AppContainer} /> 
    </Router> 
</Provider>, 
document.getElementById('app') 
); 

이고, 내부 경로는 내부 구성 요소로 정의된다.

<App > 
    <Route path="/" component={LoginContainer} /> 
    <Route path="/login" component={LoginContainer} /> 
    <Route path="/registration" component={RegistrationContainer} /> 
    <Route path="/dashboard" component={DashboardContainer} /> 
</App> 

등등.

위의 발췌 문장은 몇 주 전에 내가 한 반응 - 리덕스 기반 학습 프로젝트에서 가져온 것입니다 (https://github.com/ajzone007/expense-splitter)