Props2 리액트[기초] propTypes propTypes 이란? 컴포넌트의 필수 props를 지정하거나 props의 타입을 지정할 때 사용한다 propTypes 지정하는 방법 1. 코드 상단에 prop-types를 import 해준다 2. 컴포넌트에서 설정해준다(설정한 값은 전달될 때 무조건 설정한 형태로 전달되어야 한다) // 자식 컴포넌트 import PropTypes from 'prop-types'; const MyComponent = ({ name, children }) => { 생략.. } MyComponent.defaultProps = { name: '기본 이름' }; // name 은 무조건 문자열(string)형태로만 전달해야된다 MyComponent.propTypes = { name: PropTypes.string }; exp.. 2022. 5. 27. 리액트[기초] props props 란? properties를 줄인 표현으로 컴포넌트 속성을 설정할 때 사용하는 요소이다 props 값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 설정할 수 있다 props 값은 컴포넌트 함수의 파라미터로 받아와서 사용할 수도 있다 props를 렌더링 할 때 에는 JSX 내부에서 {} 기호로 감싸 주면 된다 컴포넌트가 사용되는 과정에서 부모 컴포넌트가 설정하는 값이며, 컴포넌트 자신은 해당 props를 읽기 전용으로만 사용 할 수 있다 자식 컴포넌트에서는 props의 값을 직접 바꿀수는 없다 const MyComponent = (props) => { // 안녕하세요, 제 이름은 React 입니다. return 안녕하세요, 제 이름은 {props.name} 입니다. ; }; export d.. 2022. 5. 27. 이전 1 다음 728x90