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

안녕하세요 제로초님.

nextjs를 사용하고 있습니다.

한페이지에서 조건부랜더링 조건이 많을때 어떻게 하면 효율적으로 코드를 적을 수 있는지 궁금합니다.

예를들어서

data === 'a' ? <A> : data === 'b' ? <B> : data === 'c' ? <C> :

....... data === 'j' ? <J> : null
10개 정도 되는 랜더링이 조건이 있을때 이런식으로 지금 작성하고 있는데 좀 더 효율적인 코드가 있을까요?
아님 구조를 바꿔야할까요?