렌더링 전에 복잡한 조건과 조기 반환을 처리할 때 적합합니다.
render branch
조건부 렌더링
if, 삼항 연산자, &&, null 반환은 모두 조건에 따라 JSX 결과를 바꾸지만 읽기 쉬운 상황이 서로 다릅니다.
두 화면 중 하나를 JSX 안에서 고를 때 조건과 결과를 한 줄에 붙입니다.
조건이 참일 때만 작은 UI 조각을 추가하는 경우에 잘 맞습니다.
참과 거짓에서 무엇을 보여줄지 모두 정리한다.
보여주지 않을 때 null이 적절한지 확인한다.
JSX 안의 조건식이 너무 길어지지 않는지 본다.
분기 기준이 props인지 state인지 명확히 한다.