Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- JavaScript
- 프론트엔드
- HTML
- TypeScript
- CSS
- 코딩테스트
- Servlet
- node
- JS
- 변수
- react
- frontend
- 반응형 페이지
- cleancode
- 코드업
- redux
- github
- react-router-dom
- webpack
- 그럼에도불구하고
- 자바문제풀이
- node.js
- git
- 그럼에도 불구하고
- media query
- java
- coding
- 자바
- max-width
- @media
Archives
- Today
- Total
목록React isRequired (1)
그럼에도 불구하고
[React] propTypes를 통한 props 검증
오늘은 propTypes를 통한 props 검증에 대해 알아보겠습니다. [ propTypes를 통한 props 검증 ] 컴포넌트의 필수 props를 지정하거나 props의 타입(type)을 지정할 때는 propTypes를 사용합니다. 컴포넌트의 propTypes를 지정하는 방법은 defaultProp을 설정하는 것과 비슷합니다. 우선 propTypes를 사용하려면 코드 상단에 import 구문을 사용하여 불러와야 합니다. HTML 삽입 미리보기할 수 없는 소스 PropTypes를 불러왔다면 코드 하단에 다음과 같이 입력해 보세요. HTML 삽입 미리보기할 수 없는 소스 이렇게 설정해 주면 name 값은 무조건 문자열(string) 형태로 전달해야 된다는 것을 의미합니다. App 컴포넌트에서 name 값을..
React/React basics
2023. 5. 22. 15:16