9장 Conditional Rendering 실습 질문있습니다

인프런 커뮤니티 질문&답변

작성한 질문수

처음 만난 리액트(React)

(실습) 로그인 여부를 나타내는 툴바 만들기

해결된 질문

작성

351

수정됨

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

[Toolbar.jsx]

[LandingPage.jsx]

[index.js]

[결과창]

올려주신 영상과 동일하게 작업을 진행했다고 생각하는데 결과창에서 버튼을 선택해도 상태가 변경되지 않습니다.
어떤 부분이 문제일까요??
react 버전은 18입니다

답변 1

지식공유자

안녕하세요, 소플입니다.

Toolbar의 16번째 줄에서 props를 중괄호로 감싸면 안되고 아래와 같이 작성해야 합니다.

const { isLoggedIn, onClickLogin, onClickLogout } = props;

코드를 수정한 이후에 다시 해보시기 바랍니다!

위 코드는 JavaScript의 구조 분해 할당을 사용하는 부분인데,

자주 사용되는 문법이므로 아래 링크를 참고하셔서 잘 익혀두면 좋습니다!😀

감사합니다.

작성한 질문수