인프런 커뮤니티 질문&답변
질문 있습니다
해결된 질문
작성
·
164
1
안녕하세요! 강의 잘 보고 있습니다
11:31 경 로그인 되어 있지 않을 때 User 페이지에 접근하면 깜빡거리는 현상이 있는데요. 게다가 어차피 로그인 페이지로 이동하는데 불필요하게 서버 api 호출도 일어나더라구요. 그래서 이를 방지하기 위해 다음과 같은 코드를 사용해도 괜찮을까요?
// before
export default function App() {
// ...
<>
<Route exact path="/" component={Search} />
<Route path="/user/:name" component={User} />
<Route path="/login" component={Login} />
<Route path="/signup" component={Signup} />
</>
);
}
// after
export default function App() {
const authStatus = useSelector((state) => state.auth.status);
<>
{authStatus && (
<Route exact path="/" component={Search} />
<Route path="/user/:name" component={User} />
<Route path="/login" component={Login} />
<Route path="/signup" component={Signup} />
)}
</>
);
}



