간텔
75
2020-12-29 21:23:30 작성 2020-12-29 21:41:26 수정됨
1
148

리액트 자식 컴포넌트 -> 부모 컴포넌트 form 전달



이 함수를 

자식컴포넌트 1


자식컴포넌트2


자식컴포넌트3


이렇게 전달하여 사용했습니다.


기능은 큰 폼이 있으면 여러 항목중 드롭다운 메뉴에 입력폼과 추가버튼을 만들어 드롭다운메뉴에 아이템을 추가하는 것 인데요 드롭다운메뉴 추가버튼을 누르면 가장 큰 폼 제출버튼을 눌렀을 때 동작하는 함수도 동작하게 되더라구요


그러면 handleListSubmit함수만 작동하는줄 알았는데 1번째 자식컴포넌트의 handleSubmit 함수도 작동을 하더라구요 왜 그런지 알 수 있나요?


정리하자면

submit함수를 

메인 -> 자식1 -> 자식2 컴포넌트로 전달하여 사용하는데 자식1에있는 handleSettingSubmit함수도 같이 작동을 하는데 이유가 궁금합니다

0
  • 답변 1

  • 킁킁탐정
    826
    2020-12-30 08:06:26

    https://codesandbox.io/ 에 문제가 되는 부분을 동작하도록 구성해서 올려주세요. 컴포넌트화된 react 코드에서 단편화된 코드 블럭만으로는 문제를 파악하기란 매우 어려워보입니다.


  • 로그인을 하시면 답변을 등록할 수 있습니다.