Слушайте, чтобы отменить событие для загрузки файла в Firefox

Question

Я хочу удалить выбранный файл для загрузки, если я снова открою селектор файлов и нажму "Отмена".На данный момент это прекрасно работает в Chrome, но не в Firefox.

            <input
              type='file'
              id='uploadDocument'
              accept={ACCEPT_TYPES}
              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                if (e.currentTarget.files){
                  props.documentChanged(e.currentTarget.files[0])
                }else{
                    props.fileSelectCanceled();
                    console.error('file selection cancelled');
                  }
                }
              }
            />

В идеале, когда e.currentTarget пуст, props.fileSelectCanceled(); удалит текущий файл из состояния.Я посмотрел несколько похожих ответов здесь, но ни одно решение не применимо.

Answer 1

При очистке состояния на каждом onClick, файл будет назначен только для состояния, если выбрано.Следующий код добился цели:

           <input
              type='file'
              id='uploadDocument'
              accept={ACCEPT_TYPES}
              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                  if (e.currentTarget.files){
                    props.documentChanged(e.currentTarget.files[0]);
                  }
                }
              }
              onClick={() => props.fileSelectCanceled()}
            />