Props

▶ Props (재사용 가능 코드에 유용함)

function Retext({Text}){
	return(
    	<div>
        	<p>{Text}</p>
        </div>
    )
}

<Retext text="hihi" />

//이렇게 사용 시, 하단 코드와 동일 
/*
<div>
	<p> hihi </p>
</div>
*/


//응용

function Sitebox({ text, imgurl, url }) {
  // props 재사용가능용으로 만듬
  return (
    <div className="item">
      <a href={url} target="_blank">
        <div className="imgbox">
          <img src={imgurl}></img>
        </div>
        <p>{text}</p>
      </a>
    </div>
  );
}

<Sitebox
  text="Github"
  imgurl={giturl}
  url="https://github.com/JaeHyunYu"
 />

• 재사용해야하는 코드가 많을 경우 매우 유용하게 사용가능