Props (Properties)

컴포넌트 간에 값을 전달할때 사용됨

 

• 특징은 읽기 전용으로 전달되며, 상위 컴포넌트에서 하위 컴포넌트로 값을 전달할때 사용한다.
• 문자열, 숫자, 객체, 함수 등 모든 형태의 데이터를 넘겨줄 수 있다.

// 상위 컴포넌트 A.js
const A = () => {
	const data = [1, 2, 3, 4, 5];
    
    return(
    	<B datas = {data} />
    );
};

export default A;

 

// 하위 컴포넌트 B.js. 함수형 컴포넌트
const B = (props) => {
	return(
    	const datas = props.datas;
    );
};

// 하위 컴포넌트 C.js. 클래스형 컴포넌트

import {Component} from 'react';

class C extends Component{
	render() {
    	const datas = this.props.datas;
    }
}