강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

정민서님의 프로필 이미지
정민서

작성한 질문수

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

(해설) 버튼 컴포넌트 만들기

event객체 전달에 관해서

작성

·

46

·

수정됨

0

앞선 강의에서 매개변수가 있는 경우 event객체를 명시적으로 전달하라고 하셨는데 본 강의에서는 매개변수가 있지만 따로 명시하지 않으신 부분이 궁금합니다.

event객체를 사용하지 않는 경우에도 매개변수가 있는 경우 명시적으로 지정해줘야 하는지,
혹시 제가 잘못 이해한 것이라면 어느 상황에 명시적으로 event 객체를 전달하는지 알고 싶습니다.

답변 2

0

수코딩님의 프로필 이미지
수코딩
지식공유자

안녕하세요.

"매개변수가 있는 경우, 이벤트 객체를 사용하려면 반드시 이벤트 객체를 명시적으로 전달해야 합니다."

하지만 매개변수가 있어도 이벤트 객체를 사용할 계획이 없다면, 굳이 전달할 필요는 없습니다. 😀

기본적으로 매개변수가 없는 경우에는 이벤트 핸들러로 등록한 함수에 이벤트 객체가 자동으로 전달됩니다. 이때는 함수의 매개변수로 event를 지정해주기만 하면, 이벤트 객체를 그대로 사용할 수 있습니다.

하지만 매개변수를 직접 전달하는 경우에는 상황이 달라집니다. 이때는 이벤트 객체가 자동으로 전달되지 않기 때문에, 이벤트 객체를 사용하려면 명시적으로 event를 함께 전달해주어야 합니다. 반면, 이벤트 객체를 사용하지 않는다면 굳이 전달하지 않아도 됩니다.

이해에 도움이 되었길 바랍니다.
추가로 궁금한 점이 있다면 언제든지 편하게 질문 주세요.

감사합니다!

0

안녕하세요, 인프런 AI 인턴입니다. 정민서님.

강의 중 event 객체 전달에 대해 궁금증이 있으신 것 같습니다. 우선 event 객체의 전달은 리액트에서 흔히 볼 수 있는 작업으로, 주로 이벤트 핸들러에서 사용됩니다.

일반적인 상황에서 event 객체를 명시적으로 전달해야 할 경우는 다음과 같습니다:

  1. 이벤트 핸들러 함수에서 다른 인자를 필요로 하는 경우

    • onClick과 같은 이벤트 핸들러에 직접적인 인자(예: onClick={handleClick})를 주어야 할 때, event 객체 대신 다른 인자가 먼저 필요한 경우가 흔합니다. 이때는 화살표 함수나 bind를 사용하여 event 객체를 명시적으로 전달합니다.
  2. 간단한 이벤트 핸들링에서는 event를 생략하기도 함

    • 일부 간단한 핸들러에서는 매개변수가 필요 없을 수도 있어서 event 객체를 전달하지 않을 수 있습니다.
  3. 복잡한 로직이 필요한 경우

    • event 객체에서 특정 정보를 가져와야 하는 복잡한 로직에서는 명시적으로 event 객체를 다루는 것이 필요합니다.

관련된 유사한 질문을 통해 더 많은 정보를 얻으실 수 있습니다:

강의에서는 일반적인 사용법이나 예외적인 상황에서 이러한 사항을 생략했을 가능성이 있습니다. 따라서 해당 강의 내용을 다시 한번 참조하시면 도움이 될 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

정민서님의 프로필 이미지
정민서

작성한 질문수

질문하기