비구조할당

비구조할당 문법을 통해 props 내부 값을 추출.

• Mycomponent.js

import React from 'react';

const Mycomponent = props => {
 const {name,children} = props;
 return ( 
  <div> 
  안녕하세요. 저의 이름은 {name} 입니다.
  <br /> childeren 값은 {children} 입니다.
  </div>
   );
 };
 
 Mycomponent.defaultProps = {
  name: '기본이름';
  };
  
  export default Mycomponent;

• Mycomponent.js // ver.2

import React from 'react';

const Mycomponent ({name,children}) => {
 return ( 
  <div>
    안녕하세요. 저의 이름은 {name} 입니다.
    childeren 값은 {childeren} 입니다.
  </div>
   );
  };
  
  Mycomponent.defualtProps = {
   name:'기본이름';
   };
   
export default Mycomponent;