개발/React 학습

props

RainyJune 2023. 3. 6. 21:31

 

https://ko.reactjs.org/docs/components-and-props.html

 

Components와 Props – React

A JavaScript library for building user interfaces

ko.reactjs.org


Props?

Props는 부모 컴포넌트에서 자식 컴포넌트로 state를 전달할 수 있는 문법이다.

JavaScript 함수의 parameter 역할과 같다고 볼 수 있다.

// 컴포넌트에 prop를 전달하는 방법
<ComponentName propName={ ... } [propName2={ ... }, propName3={...}, ...]>

// 부모 컴포넌트로부터 전달받은 props를 사용하는 방법
Function ComponentName(props) {
	return(
    	...
		<h4>{ props.propName }</h4>
	);
}

props는 일반적인 state일 수도 있고, 함수일 수도 있고 어떤 형태의 state던 상관 없다.

'개발 > React 학습' 카테고리의 다른 글

Class component  (0) 2023.03.07
글쓰기1  (0) 2023.03.06
MAP()  (0) 2023.03.02
동적 UI  (0) 2023.03.02
Component  (0) 2023.02.28