응애개발자
article thumbnail
React if문 작성패턴 5개
React 2023. 8. 27. 15:25

if문을 써서 조건부로 html을 보여주고 싶을 때가 매우 많습니다. 어떤것이 있는지 살펴보겠습니다. 1. 컴포넌트 안에서 쓰는 if/else function Component() { if ( true ) { return 참이면 보여줄 HTML; } else { return null; } } 컴포넌트에서 JSX를 조건부로 보여주고 싶으면 그냥 이렇게 씁니다. 우리가 자주 쓰던 자바스크립트 if문은 return () 안의 JSX 내에서는 사용 불가능합니다. if (어쩌구) {저쩌구} 이게 안된다는 소리입니다. 그래서 보통 return + JSX 전체를 퉤 뱉는 if문을 작성해서 사용합니다. (참고) 근데 이렇게 쓰시려면 else 생략이 가능합니다 function Component() { if ( true ..