사용자 지정 후크에 대응하여 preventDefault 사용

사용자 지정 후크에 대응하여 preventDefault 사용

나는 리액션 초보 개발자다.나는 후크를 사용해서 했던 양식 튜토리얼을 강화하려고 노력 중이다.나는 입력과 버튼이 각각 별도의 구성 요소가 되도록 코드를 리팩터링했다.나는 또한 각각의 훅이 별도의 파일에 있도록 훅을 리팩터링했다.내가 부딪히는 문제는 handleSubmit 메소드 사용자 정의 후크(hooks/)의 handleSubmit 메소드 입니다.useSubmitted.js) 파일. 계속 오류가 발생함TypeError: event.preventDefault is not a function나는 그것을 고치려고 노력했고 또한 구글에서 해결책을 찾았지만 소용이 없었다.

여기 링크가 있다.

어떤 도움이라도 감사할 것이다.

고마워요.

handleSubmit need 매개 변수 with type event를 제출하면 boolean이 있는 매개 변수를 제출한다.type event.preventDefault()를 가져올 수 있음

<form onSubmit={handleSubmit} />

또는

<form onSubmit={(event) => handleSubmit(event)} />

핸들 전달기능을 양식으로 제출 제출

<form onSubmit={handleSubmit}>

몇 가지 문제가 있었다.

1. 전화했었잖아handleSubmitJSX 내부에서 기능한다.그것은 후크여서 신체 기능 안에서 불리고 당신은 그곳에서 반환된 가치에 접근할 수 있다.
2. 넌 유효기간 후크를 사용했어App.js하지만 실제로 당신은 제출된 것 안에 그것을 사용한다. 왜냐하면 그것은 그것이 유효한 경우에만 제출될 수 있기 때문이다.그래서 당신은 그것이 필요하지 않다.App.js
3. 당신은 그 일을 끝냈다.<form/>일찍, 그래서 구문 오류가 있었다.

이 샌드박스의 변화, 특히 내부의 변화를 살펴보십시오.App.js. 필요한 해결책이 있어야 한다.

참고로, 이 고리들을 배치하는 방식은 이치에 맞지 않는다.양식의 타당성과 제출은 공동의존적이므로 함께 해야 한다.갈고리가 따로 있다는 건 말이 안 돼.양식 값이 유효성을 지시하고 유효성이 제출 능력을 결정한다.

나는 단지 당신이 왜 preventDefault 기능을 사용하는지 궁금할 뿐이다.코드에 따라 handleSubmit 함수에 이벤트라는 이름의 매개 변수는 사용 중인 제출 상태와 동일하다.preventDefault 기능과 사용법에 대한 오해가 있는 것 같아.

이 기사를 참고하십시오.https://github.com/ankeetmaini/simple-forms-react

참조URL: https://stackoverflow.com/questions/64218425/using-preventdefault-with-a-custom-hook-in-react