• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

const {Title} = Typography 를 해주는 이유가 뭔가요??

21.02.02 23:42 작성 조회수 181

0

기본 html태그에 antd 프레임워크를 적용시키는 부분에서 다음과 같은 코드가 있는데요,

const {Title} = Typography
const {TextArea} = Input

위와 같은 변수 대입을 해주는 이유가 뭔가요?? 그냥 Typography와 Input을 그대로 사용해도 될거같은데 가독성의 이유일까요??

그리구 한가지 더 질문드리자면, 제가 javascript 문법을 잘 몰라서그런데  const 변수에 값을 대입할때 첫번째가 아닌 두번째 코드처럼 중괄호를 붙여주는 이유가 있나요??

const Title = Typography
const {Title} = Typography

답변해주시면 감사하겠습니다

답변 2

·

답변을 작성해보세요.

2

안녕하세요 yumyum님       const { Title} = Typography는     const Title = Typography.Title 이랑 같습니다.   

그리고   const {TextArea} = Input은     const TextArea = Input.TextArea 입니다. ~  

이것은  Javascript 문법 중에  Destructuring이라고 합니다 ~ 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
여기에서 한번 읽어보시는것도 많은 도움이 될것같습니다 ~ ! 

0

Lee Seorim님의 프로필

Lee Seorim

2021.08.06

저도 수업 듣다가 이 부분이 궁금했는데 설명 감사합니다!