props 구조분해할당

props로 오는 data의 형태가

{
  title : 'blah~',
  description : 'blah~'
}

일 때,

props를 사용하는 기본 형태

function Card(props) {
  return (
    <div className='card mb-3'>
      <div className='card-body'>{props.title}</div>
    </div>
  );
}

export default Card;

구조분해할당을 사용한 형태

function Card({ title }) {
  return (
    <div className='card mb-3'>
      <div className='card-body'>{title}</div>
    </div>
  );
}

export default Card;