[React] props에 객체를 전달하면: pass by reference

함수 파라미터로 객체를 넘기면 참조값이 전달됩니다.

 

마찬가지로 props에 객체를 전달하면 참조값이 전달됩니다.

 

(배열 또한 객체이므로 동일)

 

예시)

change를 누르고 print log를 누르면 777이 출력됩니다.

 

화면상의 숫자값은 당연히 변경되지 않습니다.

 

 

 

+추가

 

리액트의 리렌더링 조건 중에 props가 바뀌는 경우가 있는데

 

myobj를 props로 넘기고 myobj = obj2; 로 myobj를 변경해도 리렌더링되지 않는다.

 

이는 애초에 App 컴포넌트가 리렌더링되지 않았기 때문이다.