• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 애로우 펑션 return 유무 관련 질문드립니당

애로우 펑션 return 유무 관련 질문드립니당

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #33613

    dv.ra
    참가자

    예를 들어서 아래 이런 함수에서 () => {} 중괄호를 하면 리턴이 필요하고

    const Detail = (props) => {
    return (
    <div className="container">
    <div className="row">
    <div className="col-md-6">
    <img
    alt=""
    src="https://codingapple1.github.io/shop/shoes1.jpg"
    width="100%"
    />
    </div>
    <div className="col-md-6">
    <h4 className="pt-5">{props.shoes[0].title}</h4>
    <p>{props.shoes[0].content}</p>
    <p>120000원</p>
    <button className="btn btn-danger">주문하기</button>
    </div>
    </div>
    </div>
    );
    };

    이런식으로 중괄호 없이 ()=>() 이런 함수의 경우 return 이 없이도 작동하는데요

    const Detail = (props) => (

    <div className="container">
    <div className="row">
    <div className="col-md-6">
    <img
    alt=""
    src="https://codingapple1.github.io/shop/shoes1.jpg"
    width="100%"
    />
    </div>
    <div className="col-md-6">
    <h4 className="pt-5">{props.shoes[0].title}</h4>
    <p>{props.shoes[0].content}</p>
    <p>120000원</p>
    <button className="btn btn-danger">주문하기</button>
    </div>
    </div>
    </div>

    );

    제가 궁금한건 return 이 있고 없고의 차이가 어떤점이 있을까요?

    구글링 해본 결과 여러줄의 코드를 작성할때 중괄호를 사용해서 리턴값을 준다고 하는데

    위의 두개 함수는 동일한 작동을 보이는거 같아서요ㅎㅎ

    제가 너무 기초적인걸 질문한거 같아서 민망한데 궁금해서 질문드려봅니다ㅎㅎ

    #33640

    codingapple
    키 마스터

    ()=>{} 문법에서 중괄호안에 return 하나밖에 없으면 중괄호와 return 동시에 생략가능합니다 

     

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠