[ReactHooks] 첨부파일 초기화

1. 배경

위와 같이 파일을 첨부했을시 다시 초기화 하고 싶을때가 있다.

 

2. 배경

 

 const fileInput=useRef();
 
 const onClearAttachment=()=>{
        fileInput.current.value = "";
    };

<input type="file" accept="image/*" ref={fileInput} onChange={onImgChange} />

 

 

위의 코드처럼 useRef를사용해준다. 그후 fileInput.current.value=""을 이용해 초기화 해줄 수 있다.

중요한점음 input 태그에서 어트리뷰트로 ref를 넣어줘야 한다.