대충 이런 기능을 구현중인데 구상한 건 이거임


- submit 버튼을 누르면 form validation 기능을 수행하고 에러 메시지 출력 + invalid 엘리먼트 포커스

- 문제는 이게 회원가입같이 양식이 엄청 늘어나면 render에서 인풋 부분이 굉장히 지저분해지니까 저 인풋 부분만 child component화 하고싶음


근데 아직 늅늅이라 어려움을 느낀 게 만약

parent에서 submit event 발동 -> 모든 child의 input, validity 데이터 수집 -> parent의 에러 메시지 출력 + 문제 인풋 포커스

으로 짠다 치면


1. input을 child component화하면 focusing ref는 어떻게 parent에 넘겨주죠? 함수 prop? didMount?

2. parent의 submit event가 발동한 걸 child가 어떻게 알게 할까요? React.child.map?


리액트에서 부모에서 자식으로 명령 내리는 방식을 잘 모르겟슴다,, props 이외에 부모가 자식을 조작하는 건 권장하지 않는 패턴이라 해서 어떻게 짤지 막막해요