onSubmit
1. 새로고침하는 효과가 있다
2. form에 묶어놓고 사용시 form내부의 컴포넌트에
focus를 주었을 때, 엔터를 눌러도 onSubmit을 호출하게 된다
※ onClick으로 구현시 onKeyPress같은 이벤트를 따로 추가해서 키 입력을 받아야 하는 불편함이 줄어든다. ※
onSubmit 호출 시
새로고침이 되지 않도록
event.preventDefault();
를 추가해준다
const onSubmit = useCallback(event)
=> {
setNumber(number + 1);
event.preventDefault(); // 추가
}
)