보기 쉽게 정리하려 포스팅합니다.
1. React if
{ exampleIdx === 1 &&
<div>1 출력</div>
}
{ exampleIdx === 2 &&
<div>2 출력</div>
}
//Show if someItem
{someItem && displayThis}
//Show if else
{someItem ? displayThisIfTrue : displayThisIfFalse}
https://stackoverflow.com/questions/36771017/what-is-the-equivalent-to-ng-if-in-react-js
'Web > React' 카테고리의 다른 글
React Swiper (4) | 2021.05.31 |
---|---|
React style, className, onClick (0) | 2021.05.31 |
React 자식 컴포넌트에서 부모 컴포넌트 데이터 변경하기 (0) | 2021.05.31 |
React props, state 사용법 (0) | 2021.05.31 |
React import, 함수형/클래스형 컴포넌트, ES7 React 확장 프로그램 사용 예 (0) | 2021.05.31 |