ReactJS 이동 (라우터 V4)

Question

그래서 내가 ReactJS에 좀 새로 온 내 코드를 사용하여 다음과 같은 일이 달성하고자하는 - 내가 달성하고자하는 그래서

const App =() => (
    <div> 
    <Header /> 
    <Route path="/:page" exact component={PageWrapper} /> 
    <Route path="/" exact> 
     <Redirect to="/home" /> 
    </Route> 
    </div> 
); 

을 사용자가 입력하는 경우 그/home,/about,/anythingElse는 링크로 탐색하지 않지만 사용자가 페이지 매개 변수 (예 : localhost : 3000/localhost : 3000)를 전달하지 않고 페이지를로드하면 자동으로 사용자를 localhost : 3000/home으로 이동합니다 .

현재 사용자가 페이지를 입력하면 집으로 이동합니다. 정확한 경로는로드가 일치해야한다는 것을 의미한다고 생각했습니다.

가능합니까?

Answer 1

경로를 V4에 중첩하면 안됩니다.

라우터의 스위치 구성 요소를 사용하면 하나의 경로 만 일치하도록 할 수 있습니다.

/일치하지 않는 모든 경로이 방법 : 페이지 경로를 리디렉션합니다 :

const App =() => (
    <div> 
    <Header /> 
    <Switch> 
     <Route path="/:page" exact component={PageWrapper} /> 
     <Redirect to="/home" /> 
    </Switch> 
    </div> 
) 

가 스위치 구성 요소를 가져해야합니다.