화살표 함수에서 return 위치 주의

김정준·2022년 5월 28일
0

JS

목록 보기
5/13
const data = {
  "result": {
    "product_id": 1,
    "name": "토이스토리 장난감",
    "price": "100000.00",
    "description": "토이스토리 장난감!!!",
    "image_url": ["/images/toy1.png", "/images/toy2.png", "/images/toy3.png"],
    "color": ["null", "red", "blue"]
  }
}

1. 중괄호 생략시 return도 생략

 data.result.color.map((a, i) =>
                      i >= 1 ? (
                        <div key={i} onClick={show}>
                          {a}
                        </div>
                      ) : (
                        ''
                      )
                    )

2. 중괄호 쓰면 return도 쓰기

data.result.color.map((a, i) =>{
              return (i >= 1 ? (
                        <div key={i} onClick={show}>
                          {a}
                        </div>
                      ) : (
                        ''
                      )
                    )
                 }
              )

3. 잘못된 return 위치

data.result.color.map((a, i) =>{
               i >= 1 ? return (
                        <div key={i} onClick={show}>
                          {a}
                        </div>
                      ) : return (
                        ''
                      )      
                 }
              )

0개의 댓글