state 변경시 리렌더링 질문입니다.

[강인주]

foods state를 변경하면 리렌더링이 되고 자식 컴포넌트 Main도 변경된 foods 값을 받아 바로 적용이
될 거라고 생각했지만 안됐습니다.. 
다른 버튼을 누르면 그 때 적용이 되었습니다. 왜 그런지 궁금합니다.

[codingapple]

저코드는 별문제 없어보입니다 재시작해보거나 foods 쓰는곳 살펴봅시다

[강인주]

 Main 컴포넌트에서 props.foods 값을 newFoods에 받았고, newFoods 값이 변경되면 출력되도록 확인을
해봤습니다. App에서 더보기 버튼을 누르면 foods값은 잘 바뀌었는데 newFoods 값은 변경되지 않아서
console에도 값이 출력되지 않았습니다..
부모 컴포넌트에서 state 값이 변경되면 props로 받는
자식 컴포넌트에도 재렌더링이 일어나야하지 않나요?

[codingapple]

props는 state에 담지말고 그대로 사용합시다

[강인주]

말씀하신대로 foods와 setFoods를 Main 컴포넌트 props로 전달해서 그대로 사용했더니 바로 변경이 잘 되었습니다! 감사합니다!!
이전 코드가 동작하지 않은 이유를 생각해봤는데,,
props로 받은 값을 state 변수에 담아버리면 props값이 변경되어도 state 변경 함수가 동작하지 않았기 때문에
바로 변경이 되지 않은 것이라고 볼 수 있을까요?

[codingapple]

props가 변하면 props 사용중인 html이 재렌더링됩니다

[글쓴이]

글