인프런 커뮤니티 질문&답변

안녕하세요 제로초님.

<ul>
  {tries.map((t) => <Try key={} ... />)}
</ul>

만약 tries.length === 0 인 상태에서

ul은 자식이 없는 상태로 화면에 렌더링 되는데

ul이 렌더링 되지않게 하는 방법도 있나요?

{
  !!tries.length
    && <ul>{tries.map(...)}</ul>
}

위 방법이나 여러 방법으로 해봐도 오류 발생하네요ㅠㅠ

vue에서는 ul에 v-if로 제어가 가능한데

리액트에서도 비슷한 방법이 있는지 궁금합니다.