const onFileChange = (event) => {
const theFile = event.target.files[0];
const reader = new FileReader();
reader.onloadend = (finishedEvent) => {
const {
currentTarget: { result },
} = finishedEvent;
setAttachment(result);
};
reader.readAsDataURL(theFile); // fileReader를 이용해서 사진올리기
};
const fileInput = useRef(); //useRef를 이용해서 3.jpeg를 삭제한다.
const onClearAttachment = () => {
setAttachment(null);
fileInput.current.value = null;
};
return
<input
type="file"
accept="image/*"
onChange={onFileChange}
ref={fileInput}
/>