onSumbit={this.handleSumbit} 이랑 onSumbit={()=>this.handleSumbit()} 차이가 무엇인가요?
4
onSumbit={this.handleSumbit} 랑
onSumbit={()=>this.handleSumbit()} 랑
onSumbit={this.handleSumbit()} 랑 차이가 있을까요?
답변 1
3
안녕하세요~~
우선 제가 아는선에서 답을 해드리면
1. onSubmit={this.handleSumbit}
2. onSubmit={()=>this.handleSumbit()}
1번과 2번은 차이점은 인수가 필요하나 필요없나에 따라 갈립니다
1번은 인수가 필요없을때 사용하고 2번은 인수가 필요할때 사용하는 방식입니다
ex) handleSubmit(data.id)이렇게 하면 안되는 이유는 onSubmit이벤트 뒤에는 함수가 들어가야하는데
handleSubmit(data.id)은 함수가 아니라 함수에서 나온 리턴값이기 때문입니다
그러므로 submit이벤트가 발생했을때 실행할 함수에 인수가 필요한 경우에는 화살표 함수를 쓰고 인수가 필요없을경우에는 함수명만 사용하면 됩니다
3.onSubmit={this.handleSumbit()}
1. HTML
<button onclick="handleEvent()">Event</button>
함수를 호출하는 형태입니다2. React
<button onClick={handleEvent}>Event</button>
함수 자체를 전달합니다
React에서 함수를 호출하는 형태로 작성하게되면 렌더링하는 단계에서 함수가 호출되어,
onClick에는 함수를 호출한 결과가 담기게 됩니다. 강의 소스 코드 압축 풀기 오류
0
93
1
런타임 에러 ㅠㅠ
0
105
1
강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ
0
116
1
안녕하세요 개발과 상관없는 질문입니다만
0
124
1
리액트 라우터 관련
0
119
1
react-beatiful-dnd에서 문제가 발생합니다.
0
108
1
react19에서는 react-beautiful-dnd가 설치되지 않습니다.
0
833
1
useEffect로 사용을 해도 되나요?
0
210
1
넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.
0
202
1
react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다
0
288
2
리액트 dockderfile 작성 시 COPY 질문
0
156
1
next.js에서부터는 react query 필요없는지
0
328
1
기능
0
204
1
오류가 안보여요
0
207
1
CSS
0
225
1
local storage
0
224
1
list컴포넌트 생성하기
0
230
1
검색어 입력 후 초기화하는 방법 궁금합니다!
0
343
1
Banner.css에 대해서
0
465
1
플러그인이 추천을 안해줍니다
0
335
1
마이너스버튼 테스트
0
285
2
리액트 서버 실행 오류
0
1170
2
오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ
0
307
1
creactStore질문이요
1
293
2