[React] props

Hyejin·2023년 5월 10일
0

React

목록 보기
3/3

자식이 부모의 state를 가져다쓰고 싶을 때는 , props 문법

{
	modal == true ? <Modal 작명 = {state이름} /> : null
}

function Modal(){
	return (
    	<div className='modal'>
            <h4>제목</h4>
            <p>날짜</p>
            <p>상세내용</p>
        </div>
    )
}

부모 >> 자식 컴포넌트로 state 전송하는 법
1.

<자식컴포넌트 작명={state이름}>
  
<Modal 작명 = { 글제목 } />

(위 코드 설명)글제목에 있던 state를 자식 컴포넌트로 전송한다.

  1. props 파라미터 등록 후 props.작명 으로 사용하면 됨

0개의 댓글