react-router-dom Switch component, NotFound

<Switch>

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

  <Route path="/About:id" component={About} />

  <Route path="/About" component={About} />

  <Route path="/" exact component={Home} />

  <Route component{NotFoubd} />  

</Switch>

 

Switch component 작성방법

1. 좁은 범위의 컴포넌트부터 넓은 범위의 컴포넌트 순서로 작성한다.

  <Route path="/About:id" component={About} />  다음  <Route path="/About" component={About} />

 

2. Root경로에는 exact를 추가

3. NotFound는 제일 아래