해결된 질문
작성
·
166
0
if (user.userData && !user.userData.isAuth) {
return (
<Menu mode={props.mode}>
<Menu.Item key="mail">
<a href="/login">Signin</a>
</Menu.Item>
<Menu.Item key="app">
<a href="/register">Signup</a>
</Menu.Item>
</Menu>
)
이와 같은 코드에서 landing page로 첫 로딩이 됬을 경우, user_reducer.js 파일에서 state의 초기값을 빈객체로 하였기 때문에 처음에는 빈 객체가 출력되고 dispatch한 action값으로 state값이 변경되는 구조이잖아요
위 사진과 같이 빈 객체일 시점에,
if(user.userData && user.userData.isAuth)를 쓰면
user.userData가 없는 property에 접근하기에 에러가 발생한다고 생각했는데, undefined가 되네요.
그렇다면 똑같이 빈 객체일 시점에서,
user.userData.isAuth를 하면 에러가 발생하네요.
이 둘은 자바스크립트의 객체의 문법적인 특징인가요??
혹시 참고할만한 자료같은게 있으면 부탁드리겠습니다
항상 강의 잘 보고 있습니다.
늘 다음 강의가 기다려지는 강의 감사합니다!