react에서의 form 태그 사용 관련

Question

기본적인 질문 일수도 있겠지만,리액트에서는 다음과 같이 POST 요청을 하는데,onSubmit 이벤트 대신 일반 onClick 이벤트나 사용하거나, 굳이 form 태그를 사용하지 않아도(그냥 div 태그로 감싼다.) 되는지 궁금합니다.외부에서 있는 state값을 조합하는 거니까요.import { useState ,useCallback } from "react" import axios from 'axios' export default function SignUpComponent(){ //이메일 입력값 가져오기 const [email, setEmail] = useState("") //패스워드 입력값 가져오기 const [password, setPassword] = useState("") //회원 가입 등록 함수 function signUp(){ e.preventDefault(); let url = "https://pre-onboarding-selection-task.shop/auth/signup" let data = { "email": email, "password": password } axios .post(url, JSON.stringify(data), { headers: { "Content-Type": `application/json`, }, }) .then((res) => { console.log(`signup success!, token : ${res.data.access_token}`) }) .catch((error) =>{ console.log(error.response.data.message) }); } return(

{/*회원가입 양식 */}

) }

몰랑토끼 · Answer

사용하지않아도 되긴하는데 그냥 버튼에 이벤트만걸면 엔터쳐서 전송하는 기능이 안돼요

react에서의 form 태그 사용 관련

1개의 답변

기술 목록