[React] 조건에 따른 컴포넌트 교체

1. 삼항 연산자

return (
	<div>{a ? AComponent : BComponent}</div>
)

   true or false 검사

 

return (
	<div>{a === 0 ? AComponent : a=== 1 ? BComponent : CComponent }</div>
)

   중첩 삼항연산자

 

개인적으로는 조건이 여러개가 붙으면 삼항연산자보단

return (
	<div>{0 : AComponent
    	  1 : BComponent
          2 : CComponent}[a]}</div>
)

이렇게 쓰는걸 선호한다