[React & 가계부프로젝트] JSX if else 문 만들기 (리액트로 v-if / v-else 만들어보기)

if / else if

//react
{modal.data 
  ? (<span>true</span>)
  : (<span>false</span>) 
}

//vue
<span v-if="modal.data">true</span>
<span v-else>false</span>

modal.data가 있으면 true가 찍히는 span태그가 렌더링 될것이고, 없으면 false가 있는 span태그가 렌더링 된다.

 

if만 필요할때

//react
{modal.data && (<span>콘텐츠</span>)}

//vue
<span v-if="modal.data">콘텐츠</span>