리액트는 아래로

2023. 12. 7. 01:08개발

리액트는 위에서 아래로 부모에서 자식컴포넌트로 내려가는데

여기서 

1 부모 

2 자식 

3 자식

이라고 가정하면 

1 메인 컴포넌트 ->3모달 컴포넌트로 프롭스를 바로 내려 주고, 

1인 메인 컴포넌트에 버튼이 보여야 하므로

2 버튼 컴포넌트를 1 메인 컴포넌트에 올려두고 

그리고 2버튼 컴포넌트를 눌러서 3모달 컴포넌트를 실행 한다고 하면

표면상으로는 1->2->3 으로 보여서 문제가 없어 보이는데

3모달 컴포넌트에서 1에서 내려 받은 프롭스를 활용하여 함수를 생성해서 값을 넣으면

그 프롭스를 찾을 수 없다고 오류가 뜬다.

 

결국에 해결하기는 했는데 명확한 이유는 모르겠지만 아마. 

2는 1에서 받은 프롭스가 없는데 2를 건너뛰고 3에서 바로 프롭스를 내려 받아서 오류가 생기는 듯하다

 

다시 한번 부모 자식간의 흐름을 잘 보고

프롭스 드릴링이 잘 되는가 체크.

이것 때문에 2시간 찾아헤맸음 

'개발' 카테고리의 다른 글

SidePj -시작  (0) 2023.12.13
위치 기반 음악 공유 프로젝트 KPT  (0) 2023.12.11
모달은 처음인데?  (1) 2023.12.06
아 김빠진다  (0) 2023.12.04
리팩토링 중 CRUD에서 U가 안됨  (0) 2023.11.30