각행 input에서 바로 등록&수정 시 모든 input에 enter 이벤트를 달아야 하는지?

Question

react로 학습 차 사내에서 조그만한 프로젝트를 하면서 궁금한 점이 있어 글을 올리게 되었습니다.진행하고 있는 프로젝트가 일정관리 프로젝트 입니다. 한달 날짜가 쭉 출력이 되면 해당 날짜에 일정이 있으면 날짜를 클릭하면바로 밑에 1개의 행이 붙고 해당 행에서 바로 데이터 입력 및 저장, 수정이 되도록해야합니다.지금 생각한것은 데이터 입력 후 엔터를 입력하면 데이터가 저장, 수정되도록 하려고 하는데 이런경우 모든 input값에 enter이벤트로 실행되도록 해야할까요?기존 jquery로만 구현하다가 react를 접하다 보니 react에서는 이런 문제를 어떻게 효율적으 로 관리하는지 팁 및 노하우를 얻 고자 글을 올리게 되었습니다,

심심하다능! · Answer

그런 경우 컴포넌트를 만들어서 구현합니다. 리액트 map함수 등으로 순회하면서 컴포넌트에 파라미터 등을 던져 주고, 콜백받고 하면서요. 한 달에 쭉 날짜들이 나오는 것부터가 컴포넌트 가능하죠. 날짜컴포넌트, 날짜컴포넌트에서는 또 일정컴포넌트들... 그러면 컴포넌트는 독립적이기 때문에 여러 input 이벤트가 아니라 각 컴포넌트에서 한 번의 이벤트들을 구현할 수 있게 됩니다.

각행 input에서 바로 등록&수정 시 모든 input에 enter 이벤트를 달아야 하는지?

1개의 답변

Q&A 목록