Input 태그를 통해서 파일을 입력받을 때 onChange 이벤트를 더하게 된다.

그런데 onChange는 실질적인 데이터가 바뀔때만 반응하므로 기존의 파일을 다시 업로드할 때는 이벤트가 작동하지 않으므로 value를 reset 해줄 필요가 있다.

  const onChange = (e) => {
    onUpload(e.target.files[0]);
    e.target.value = ''; 
  };

이렇게 이벤트 함수에서 value를 리셋해줄 경우, 다시 같은 파일을 입력해도 이벤트가 작동하게 된다.

Leave a comment

이메일 주소를 발행하지 않을 것입니다. 필수 항목은 *(으)로 표시합니다