리액트 조건문

나는 기본적으로 2개를 사용하고 있다.

 

1.삼항연산자

{
	특정state ===true
    ? <>참이면 보여질곳</>
    : <>거짓이면 보여질곳</>
}

 

2.&&연산자

const [arr,setArr] = usesate([])

const handleArray = ()=>{
setArray([1,2,3,4,5])}

........

{
arr&&<>참이면 실행</>
}

// 그리고 응용해 map도사용가능
{
arr&&<>
array.map(function(a,index){
      return <>{a}</>
</>
}

map사용관련해서 원래 삼항연산자만 사용했는데 생각해보니 &&도 잘되는걸 오늘 알게되었다.

 

알고는 있었지만 삼항연산자만 주구장창 썼는데, 필요하면 && 쓰는게 축약하기도 아주 좋아보인다.

 

팀원들이랑 같이 하면 이런게 좋은거같다!

 

 

- 참고한링크

https://velog.io/@zero_mountain/React-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EC%A1%B0%EA%B1%B4%EB%AC%B8

[React] 리액트 조건문

https://codingapple.com/unit/react-if-else-patterns-enum-switch-case/

리액트에서 자주쓰는 if문 작성패턴 5개 - 코딩애플 온라인 강좌