Exien

propTypes 속성의 두 작성 propTypes 속성에는 두 가지 방법이있다합니다. 개체의 속성으로 설명하는 문법과 클래스와 함께 사용하는 경우에만 사용할 수있는 static 속성으로 설명하는 기법입니다.개체의 속성으로 설명 지금까지 본 기사에서 소개 해왔다 작성은 여기였습니다. 구성 요소를 정의하는 객체에 대해 propTypes을 속성으로 러 장이 동시에 보급함으로써 정의를 실현합니다. 표기법은 다음의 형태입니다.목록 10 propTypes을 속성으로 기술 한 예class Hoge extends React . Component { render () { ... } } Hoge . propTypes = { aaaa : PropsTypes . xxxxxx , bbb : PropTypes . xxxxxx ..

propTypes 속성에 지정할 수있는 형태 prop-types 라이브러리의 개요는 파악 할 수 있었는지 생각하기 때문에 본 절에서는 실제로 어떤 형태로 형식 정보를 표현할 수있는 방법을 소개하고 있습니다.기본형 먼저 JavaScript를 원시적 형에 대응하는 것으로서 다음의 형태가 준비되어 있습니다.PropTypes 모듈에 정의 된 기본형형태의미PropTypes.array배열 형 (요소의 형태는 묻지 않는다)PropTypes.bool불리언 형PropTypes.func함수형PropTypes.number숫자PropTypes.object객체 형 (내부 구조는 불문)PropTypes.string문자열PropTypes.symbol기호 형 (※ 주 1)※ 주 1 : 기호 형은 ES6에서 도입 된 데이터 형식 절대..

Props에는 어떤 데이터를 전달하면 좋을까 React를 사용할 기회가 늘어날수록 다른 사람이 만든 구성 요소를 만지는 기회도 늘어납니다. 연재 제 3 회 " React × Material-UI로 현대적인 UI를 구현하기 "에서 다룬 material-ui 등은 전형적인 "다른 사람이 만든 구성 요소"네요. 몇 달 전 자신이 작성한 코드도 다른 사람의 것으로 생각하는 편이 좋다고 설도 있기 때문에 혼자 개발하고도 기간이 길수록 본 기억이없는 구성 요소를 관리 할 수있는 기회 역시 증가 간다고 생각하는 편이 좋을 것입니다. 그런데 다른 사람이 만든 구성 요소를 사용하는 경우 어떤 일이 곤란 있을까요? 예를 들어, 제 4 회 " React 의한 양식 / 목록의 기본 "에 나온 목록 1의 구성 요소에 대해 생각..