조건부 렌더링 문제: React에서 로그인/로그아웃 버튼이 제대로 작동하지 않습니다.

Question

React 앱을 개발 중인데 사용자의 현재 인증 상태에 따라 "로그인" 또는 "로그아웃" 버튼을 조건부로 렌더링해야 합니다. 그러나 조건문이 예상대로 작동하지 않는 문제가 발생했습니다. 사용자가 로그인한 후에도 로그인 버튼만 표시되고 두 버튼이 모두 표시되지 않으면 로그아웃할 수 없습니다. 이는 원하는 동작이 아닙니다.

으아악 으아악

위의 방법을 시도해 보았지만 결과는 같습니다

Answer 1

isAuthenticated 的好方法，如果 isAuthenticated 为 True，则需要显示注销按钮，否则如果 isAuthenticated를 False로 사용하지 않고 있으므로 로그인 버튼을 표시해야 합니다.

이것을 시도해 보세요:

으아악