해당 React useState 부분 Typescript 변환할려고 하는데... Type 아시는 분??

Question

const [formDate, setFormDate] &#61; useState(null); const handle &#61; (file) &#61;> { if (file) { setSelectedFileName(file.name); formData.set('file', file); } if(!formData || !formData.get('file')){ setMessage('업로드 할 파일을 선택 해주세요.'); } } //REST API 보낼 때 export const ExcelUpload &#61; (formData:any) &#61;> { return request.post(&#96;/서버로 보내요&#96;, formData, headers({'Content-Type': 'multipart/form-data'}), ); }대충 복사 해둔건데...input type&#61;'file' 에서 파일 데이터를 받아서, formData에 담고, 그걸 서버로 보내줄려고 하거든요...formData 타입을 뭐로 해야할까요??? 현재는 any로 그냥 담았는데... 정확한 Type이 알고 싶어요..

Boggy · Accepted Answer

const [ uploadFile, setUploadFile ] = useState(null); function checkFileType(file: File) { /* add file type check logic */ return true; } function handleFileInput(event: React.ChangeEvent) { File file = event?.target?.files?.[0]; if (checkFileType(file)) { setUploadFile(event?.target?.files?.[0]); } else { alert("not allowed file type"); /* add handle not allowed file type logic */ } } function fileUploadToServer(file: File) { return request.post(/* add post data */); }코드 로직을 보니 엑셀 파일을 업로드 하려는 것 같은데, html 상에서 accept 속성을 통해 1차적으로 파일 타입을 정해주고 2차적으로 서버에서 파일타입 검증을 한번 더 해주는게 좋아 보입니다!

assign · Answer

파일 데이터는 Blob 타입을 사용하면 됩니다

나니야 · Answer

useState<FileList> 확인해보시죠

해당 React useState 부분 Typescript 변환할려고 하는데... Type 아시는 분??

3개의 답변

#usestate 목록