[React] 부모 컴포넌트에서 state를 가져오고 싶을 때 - props

# props를 쓰는 이유

한 컴포넌트 안의 state는 원칙적으로 다른 컴포넌트로 공유가 되지 않는다. 이는 props를 통해 state를 공유 할 수 있다.

 

# props 쓰는 방법

1. 가져오고 싶은 state가 있는 부모 컴포넌트에서 쓰인 자식 컴포넌트에 <작명={state명}>을 써준다.

부모 컴포넌트의 state

부모 컴포넌트에서 부른 자식 컴포넌트

2. 자식 컴포넌트에서 props 파라미터 등록 후 props.작명으로 불러와 사용한다.

자식 컴포넌트 Modal

props를 쓴 컴포넌트이기 때문에 먼저 파라미터에 props를 써주고, state를 불러오고 싶은 곳에 props.작명 으로 불러와서 쓴다. '글제목'이라는 변수에는 title의 변수들이 담겨 있기 때문에 '남자코트 추천' 이 출력된다.