[React] 헷갈리는 리액트 이벤트 핸들러 작성법
import React from 'react' const Counter = ({ number, onIncrease, onDecrease }) => { return ( { number } +1 -1 ) } export default Counter 이걸 작성하다가 궁금한점이 생겼다. onClick={onIncrease()}를 하지 않는 이유는 뭘까? ChatGPT씨에게 물어보았다ㅎㅎ onClick={onIncrease()}와 onClick={onDecrease()}를 사용하는 것은 함수를 호출하려는 시도를 나타냅니다. 그러나 일반적으로 React에서는 함수를 직접 호출하는 것이 아니라, 이벤트 핸들러로 함수 참조(reference)를 전달해야 합니다. 만약 onClick={onIncrease()}를 사용하면..
2023. 12. 8.
최근댓글