react-onSubmit

KIM_EUNBI·2022년 2월 25일

React_Test

목록 보기
12/13

onSubmit
1. 새로고침하는 효과가 있다
2. form에 묶어놓고 사용시 form내부의 컴포넌트에
focus를 주었을 때, 엔터를 눌러도 onSubmit을 호출하게 된다

※ onClick으로 구현시 onKeyPress같은 이벤트를 따로 추가해서 키 입력을 받아야 하는 불편함이 줄어든다. ※

onSubmit 호출 시
새로고침이 되지 않도록
event.preventDefault();
를 추가해준다

const onSubmit = useCallback(event)
	=> {
       setNumber(number + 1);
       event.preventDefault(); // 추가
    }
)
profile
김은비입니다.

0개의 댓글