리액트에서 html 조건문 질문있습니다.

Question

{user ? : Login}로그인하면 이미지를 보여주고, 로그인을 안하면 (user가 없으면) Login 문구를 보여주는 코드를짯습니다.근데 로그인한채로 새로고침을하면 Login 문구가 잠깐보였다가 이미지를 보여주고있는데..원래이런건가요? 이런거 방지하려면 어떻게하면되나요?아니면 css를 건드리면될까요? 대충.. className={ user ? 'true' : 'false' } 뭐 이런식으로 디스플레이 를 만지는 방법이 좋을까요?

율이칼튼 · Answer

user가 비동기처리 되어서 조건문 자체가 false를 만족해 로딩 초반에 Login 문구가 나오는 거 아닐까요?

코더임미다 · Answer

새로고침하면 user가 undefined 이니까요 이 경우 동기인 로컬스토리지를 사용해서 값을 저장하고 불러와서 user를 사용하세요

리액트에서 html 조건문 질문있습니다.

2개의 답변

Q&A 목록