• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

자식이 없는 ul 렌더링

22.09.10 18:07 작성 조회수 115

0

안녕하세요 제로초님.

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

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

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

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

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

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

 

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

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

답변 1

답변을 작성해보세요.

0

&& 대신 ? <ul...> : null 하시면 됩니다.