✏️ React의 props와 props drilling

 

 

 

 

 

 

 

 

컴포넌트끼리의 정보교환 방식

부모컨포넌트가 자식컴포넌트에게 물려준 데이터  -> 컴포넌트간의 정보 교류 방법임.

props는 반드시 위에서 아래 , 부모->자식 방향으로만 흐른다 (단방향)

props는 반드시 읽기 전용으로 취급하며, 변경하지 않는다.

 

 

prop drilling

부모 -> 자식 컴포넌트간 데이터 방식을 이동해주는 역할

 

props children

리액트에서는 return <User>안녕!<User/> 이렇게닫는태그를 만들면 자동으로 하위 자식컴포넌트한테 전달해준다.

즉, User함수는 매개변수(props)를 가지고 있어야함

호출하려면 {props.children}을 적어준다.

 

defaultProps

부모컴포넌트에서 prop를 보내주지 않아도 설정될 초기값임.

매개변수가 지정되지 않았으면 자동으로 지정해줄수 있는 값을 정하라는 의미

 

리턴문에 컴포넌트jsx 파일이 들어가면 확장자를 jsx로 해주는게 가장 좋다.

컴포넌트들은 거의 jsx라고 보면 됨.

협업을 할때 어떤파일이 컴포넌트 파일인지 한눈에 파악하기 편하게 jsx로 해주는게 좋다.

js = jsx와 같지만 그래도 명시적으로 해주는게 좋음.