form tag의 submit을 handling 하자.
형태는 아래와 같다.
<form
onSubmit={e=>handleSubmit(e)}
action='someURI'
method='post'>
<input type='hidden | something' name='your name' value='kim' />
...
...
<input type='submit' value='눌러서 제출하기'/>
</form>
handleSubmit을 작성해보자.
function handleOnSubmit(e){
e.preventDefault();
const formData = new FormData(e.target)
const data = {
a:formData.get('name'),
b:formData.get('address'),
c:formData.get('gender'),
...
}
}
던지는건 이제 자유롭게 gql이든 rest이든 던져주면 된다.