e.preventDefault(); 질문드립니다.

Question

import React, { useState } from "react"; import axios from "axios"; const UploadForm = () => { const [file, setFile] = useState(null); const [fileName, setFileName] = useState("이미지 파일을 업로드 해주세요."); const imageSelectHandler = (event) => { const imageFile = event.target.files[0]; setFile(imageFile); setFileName(imageFile.name); }; const onSubmit = async (event) => { event.preventDefault(); const formData = new FormData(); formData.append("image", file) try{ const res = await axios.post("upload", formData, { headers: { "Content-Type":"multipart/form-data"} }); console.log({res}) alert("success!!") }catch(err){ alert("fail!!"); console.error(err); } }; return ( ) }; export default UploadForm; 다음과 같이 이미지 업로드하는 프론트엔드를 만들던 중제출 버튼 누를 시 새로고침이 되지 않게 하도록 onSubmit 밑에 event.preventDefault를 추가해줬습니다.제 생각엔 맞게 쓴 거 같고 컴파일 시에도 오류 발생은 하지 않는데제출 버튼을 누르면 자꾸 새로고침이 됩니다....ㅠㅠ혹시 코드에 문제가 있거나 아니면 다른 곳에 문제가 있을 수도 있을까요?

냥냥가면 · Answer

이 아니라 로 변경해보세요~

e.preventDefault(); 질문드립니다.

1개의 답변

Q&A 목록