Button에 Onclick사용
247
작성한 질문수 1
{this.state.searchKeyword.length > 0 && (<button type="reset" className="btn-reset" onClick={event => this.handleOnclick(event)}></button>)}button에다가 onClick이벤트를 줘서 리셋시켜도 상관없을까요 ??
form에다가 함수 사용하는거랑 button에서 onClick이랑 차이점이 있을까요??
답변 1
1
폼의 reset 이벤트를 처리하는 대신 리셋 버튼의 click 이벤트를 처리해도 동작합니다. 폼에는 submit 이벤트도 있는데요. 이것도 제출 버튼의 click 이벤트를 처리하는 방식으로 구현할 수 있습니다.
둘 간에는 차이가 있는데요. 폼의 submit 이벤트는 제출 버튼을 클릭할 때 뿐만 아니라 폼 안의 인풋 필드에서 엔터를 입력했을 때도 발생합니다. 마우스 클릭 뿐만 아니라 키보드 엔터에서도 폼 제출을 처리하기 위해 form의 이벤트를 사용했는데요. reset 이벤트도 submit과 비슷하게 사용한 것이라고 보시면 됩니다.
리액트 1,2부 이후 후속 강의나 준비 중인 다른 강의가 있으신가요?
1
90
2
super.show() 호출하는 이유가 궁금합니다.
1
81
2
class와 constructor를 이용한 객체 지향 프로그래밍
0
224
2
mvc 패턴 질문
0
197
2
Cannot read properties of undefined (reading 'props')
0
270
2
delegate, emit 필요한 이유
0
196
2
어떤거를 먼저 들어야 하는지 도와주세요
1
265
1
localhost:8080 접속 불가
1
281
1
최근검색어 3 풀이에서
1
188
1
import 문제
1
231
1
자동변환 관련
1
203
1
sort() 질문 드립니다.
1
304
2
reset 시점에 searchResult 빈 배열로 update
2
311
2
npx lite-server error 확인 요청드립니다.
1
470
2
node 20이상 쓸때 꿀팁
4
758
3
디버깅 관련질문이 있습니다.
1
295
1
[순수JS2]탭 3(풀이) 질문있습니다.
1
229
1
추상화를 어떻게 받아들이면 될까요??
1
435
1
[검색폼 1] View.js 파일 질문과 학습 질문
1
329
1
on 메서드 eventName 문의
1
266
1
import에 관해서 질문드립니다
1
254
1
view.js의 on 메소드에 대해 질문드립니다
1
258
1
componentDidMount에서 getKeywordList()를 하는 이유
1
240
1
[순수JS1]검색폼2_git branch 이동관련
1
279
1