React 공부 - 5일차

부모로부터 받은 props는 자식에서 바꾸면 안 됨

props.hi = 'hello';

이런 식으로 바꾸면 안 됨.

 

props를 바꿀 경우가 있는데, 

 

props를 바꿀 경우에는 state로 만든 뒤에 그 state를 변경한다

 

Ex)

 

const [hi, setHi]  = useState(props.hi);

setHi('hello');

 

props를 자식이 바꿔버리면 부모가 물려준 것도 바뀌어야 하는데, 자식이 부모 꺼를 바꿔버리면 뜻하지 않게 바뀌어버림 

 

함수로 하는 경우에는 정밀한 동작이 필요한 경우 

기본 객체로는 안 되는 동작들이 있을 때, ex) constructor , ref 함수, setState 함수

  

A component -> B component -> C component 

부모 - 자식 - 자손 

 

props는 자식에게만 줄 수 있음

A -> C (x)

A -> B -> C (O)

 

props를 갖고 있으면, 쓸데없이 렌더링이 될 수도 있음 

A -> B -> C -> D -> E -> F 의 관계를 가질 때,

 

A에서 F로 바로 props를 넘겨줄 수 있는 것이 Context API

여기서 발전한 것이 redux이다.

 

JSX에서 false, undefined , null은 태그 없음을 의미한다.

 

useRef는 보통 Dom에 접근 하기 위해 사용했는데, 

React Hooks 에서는 this를 표현하기 위해도 사용한다.