LoginForm.js 코드리뷰

[hansol775]

front-end/src/components/auth/LoginForm.js

조건부 렌더링

{logInError ? (
  logInError.message ? (
    <ErrorMessage>{logInError.message}</ErrorMessage>
      ) : (
    <ErrorMessage>네트워크 에러</ErrorMessage>
    )
  ) : null}

위와 같은 코드는

{logInError && <ErrorMessage>{logInError?.message ? logInError.message : '네트워크 에러'}</ErrorMessage>}

같은 컴포넌트라면 내용안에 삼항 연산자를 쓰면 깔끔하게 사용할 수 있습니다. 옵셔널 체이닝(?.)도 자주 사용해보세요. es2020에서 추가된 새로운 문법입니다.

[jjunnnys]

내용이 변하는 부분만 조건부 렌더링을 하면 되겠군요ㅎㅎㅎㅎ 감사합니다🙇🏻