컴포넌트(2) - 프로퍼티

컴포넌트(2) - 프로퍼티

다양한 프로퍼티 예시 (/src/ex/VariousComp) :

import React from 'react'; import PropTypes from 'prop-types'; class VariousComp extends React.Component { render() { const { // ⓐ boolVal, numVal, arrayVal, objVal, nodeVal, funcVal } = this.props; return ( 불리언 값: {boolVal} 숫자 값: {numVal} 배열 값: {arrayVal} 객체 값: {String(objVal)} 노드 값: {nodeVal} 함수 값: {String(funcVal)} ); } } VariousComp.propTypes = { boolVal: PropTypes.bool, numVal: PropTypes.number, arrayVal: PropTypes.arrayOf(PropTypes.number), objVal: PropTypes.object, nodeVal: PropTypes.node, funcVal: PropTypes.func } export default VariousComp;​

└ ⓐ : 객체 구조 분해 할당식을 사용하여 프로퍼티에 전달된 값들을 render() 함수 내의 지역 변수로 재정의함

일종의 '프로퍼티 목록'의 역할을 함

from http://hoonni3002.tistory.com/44 by ccl(A) rewrite - 2021-09-05 23:26:13