라우터는 항상

Question

내가 반응 라우터-DOM을 ("^ 4.2.2")

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import AppContainer from './appContainer'; 

ReactDOM.render(<AppContainer />, document.getElementById('root')); 

앱 컨테이너 코드

import React from 'react'; 
import App from './App'; 
import { BrowserRouter, Route } from 'react-router-dom'; 
import { Provider } from 'react-redux'; 
import CascadeLocationList from 
'./containers/cascadeLocation/cascadeLocationList' 
import store from './store'; 

const AppContainer =() => (
    <Provider store={store}> 
    <BrowserRouter> 
    <Route path="/" component={LocationList} /> 
    </BrowserRouter> 
    </Provider> 
); 

수출 기본값을 사용하고하는 index.js에 지정된 루트 컴퍼넌트를 렌더링하는 반작용 AppContainer; 아래

그리고 내가 내 app.js에 {경로를())를 호출 놓쳤다 내 루트 파일

import React, { Component } from 'react'; 
import { Switch, Route, Redirect } from 'react-router-dom'; 
import LocationList from 
'./containers/Location/LocationList' 
import CascadeLocationShow from 
'./containers/Location/LocationShow' 

export const routes =() => { 
    return (
    <Switch> 
     <Route path="/" exact component={App} /> 
     {/* location routes */} 
     <Route path="/fac_locations/:id" component= 
     {LocationShow} /> 
     <Route path="/fac_locations" component={LocationList} 
     /> 
    </Switch> 
    ); 
    }; 

입니다. 나는 그것을 지금 추가했다. 지금도 문제가 지속됩니다

페이지가 경로를 "/"로 사용하고 내가가는 경로에 관계없이 지정된 구성 요소를 렌더링합니다. 내 URL에 "http://localhost:3001/fac_locations"을 입력하고 반응 콘솔에서 경로를 확인하고 경로가 "/"이고 렌더링 된 구성 요소가 항상 앱입니다

Answer 1

내 app.js에서 {routes()를 (를) 호출하지 못한 경우 문제가 그것 지금은 잘 작동합니다 :