[React] CH09. props

1. props 쓰는 이유

• 같은 함수가 아닌 외부에서 state 이용 시, 에러 발생 ⇒ props가 해결!!
• 자식컴포넌트는 부모의 컴포넌트를 가져다 쓰고 싶을 때 사용 가능
  - App이 가진 state를 쓸 수 있게 전송

 

---

2. props로 자식에게 state 전해주는 법

• 1) <자식 컴포넌트명 작명={전송할 state명}/>
  

  { 
  	modal === true 
  	? <Modal 글제목={글제목}/>
  	: null
  }​

• 2) 자식 컴포넌트에서 props 파라미터 입력 후 사용
  - props : 부모에게 전달받은 모든 state 담고 있는 큰 변수, object
  

  function Modal(props){
    return (
      <div className="modal">
          <h2>{props.글제목[0]}</h2>
          <p>날짜</p>
          <p>상세내용</p>
      </div>
    )
  }​

---

[ 참고 ]

 

https://online.codingapple.com/course/react-basic/

React 리액트 기초부터 쇼핑몰 프로젝트까지! - 코딩애플 온라인 강좌