React - props

props

부모 데이터 => 자식 컴포넌트로 데이터를 전달하는것

 

 

알아보기 위해 자식 컴포넌트에 예제로 생명주기 생성 함수를 만들자

import { useEffect } from 'react'   // useEffect 불러오기

 

function propsEX(props) {

 

Method 영역

useEffect(() => { console.log(props.prop_value) } , [])

// 콘솔에 실행

 

return ( <div> </div>)

}

export default propsEX

 

 

 

props(매개변수).prop_value(변수명)

부모 => 자식에게 전달된 값

 

 

 

부모 컴포넌트 (App.js)

 

 

결과는?

hong 데이터가 전달됨

 

 

 

요약

 

부모 컴포넌트

<컴포넌트명 변수명="전달값"/>

 

자식 컴포넌트

매개변수명.변수명