제가 Route를 설정함에 있어 아래와 같이 구현하였습니다.
그런데 user/login을 들어갓을 때 Login 컴포넌트만 떠야할 것 같았는데
pageNotFound랑 Login컴포넌트가 user/login에 접속햇을 때 동시에 뜹니다...
이건 왜 이런건가요..?
exact 속성을 썻으니깐 Login 컴포넌트만 떠야하는거 아닌가요..?
function App() {
return (
<div>
<Router>
<Switch>
<Route path="/home" component={Home} />
<Route path="/user">
<Route exact path="/user/login" component={Login} />
<Route exact path="/user/signup" component={Signup} />
<Route path="*" component={PageNotFound} />
</Route>
<Route path="/profile">
<Switch>
<Route path="/profile/:userid/edit" component={PageAuth(ProfileEdit, true)} />
<Route path="/profile/:userid/" component={PageAuth(Profile, true)} />
</Switch>
</Route>
<Route path="/oauth/login/resopnse" component={PageAuth(LoginAuth, true)}/>
<Route path="/search" component={PageAuth(Search, true)} />
<Route path="*" component={PageNotFound} />
</Switch>
<Footer />
</Router>
</div>
);
}
export default App;
