220412 웹TIL) 오류중심 - key props, PropTypes,className

 

1. key props 값은 유일해야 한다

    key={movie.id}

Movie 컴포넌트에 위와 같이 key props를 추가해주면 된다. 

 

 

 

2. HTML에서는 class라고 쓰지만, 리액트에서는 className을 사용한다. 

 

3. PropType propTypes 

전부 PropTypes 라고 써줬는데 리액트 화면에서 에러가 났다. propTypes로 쓰라고.

그런데 고치다보니 어떤건 propTypes를 써야 하고 어떤 속성은 PropTypes라고 쓰라고 하고 어떤 것은 ProtoTypes 라고 이건 무슨..? 

Quick Fix를 하니 결과는 잘 나왔다. 그런데 왜 어떤건 propTypes라고 써줘야 하고 어떤 것은 PropTypes라고 써줘야 하는 걸까 

구글링을 해보았는데 이런 케이스를 찾지 못했다..

 

 

책에 나와있는 그대로 PropTypes 라고 고쳐봐도 선언이 되어있지 않다는 오류만 나올 뿐.. 

그런데 다시 PropTypes > propTypes 로 고쳐보니 또 결과는 잘 나온다.

 

Movie.propTypes = { 
    id: propTypes.number.isRequired, 
    year: propTypes.number.isRequired,
    title: propTypes.string.isRequired,
    summary: propTypes.string.isRequired,
    poster: propTypes.string.isRequired, // 영화 포스터 이미지 주소 저장 
}; // 자료형이 Number이고 반드시 있어야 하므로 isRequired로 작성

 

참 이상한 결과네... 대문자가 안먹나