React_deconstructing으로 props 생략하기

React

const Book = (props) => {
  console.log(props);
  const { title, author, img} = props
  return (
    <article>
      {/* Dynamically render title */}
      <img src={img} alt={title} />
      <h2>{title}</h2>
      <h4>{author}</h4>
    </article>
  );
};

요걸..

const Book = ({ img, title, author }) => {
  return (
    <article>
      {/* Dynamically render title */}
      <img src={img} alt={title} />
      <h2>{title}</h2>
      <h4>{author}</h4>
    </article>
  );
};

이렇게 바꿀 수 있다.