React Prop Types

컴포넌트에 prop으로 100개가 있으면 어케될까 ? ㅎ

그럼 내가 실수 할 확률도 높아지고, 만약 팀플이라면 팀 구성원들이 prop type이 String인지. int인지. 아님 boolean인지 하나하나 확인하면서 실수를 방지해야겠찌.

이걸 react js팀에서 알았는지, PropType이라는 패키지를 제공해주고 있어.
PropTypes 다큐먼테이션 ㄱㄱ

function Btn({ text, onClick }) {
      console.log(text, "was Rendered");
      return (
        <button
          onClick={onClick}
          style={{
            backgroundColor: "tomato",
            color: "white",
            padding: "10px 20px",
            border: 0,
            borderRadius: 10,
            fontSize: 18,
          }}
        >
          {text}
        </button>
      );
    }
 //여기서 컴포넌트 이름을 긁어서
 Btn.propTypes ={
 	prop이름 : PropTypes.type
    text : PropTypes.string
 }

propTypes를 통해서 필요로하는 인자 타입을 미리 지정해두고, 잘못입력된 경우 오류를 볼 수 있다.