React Material Kit Pro - Использование файла ввода

Question

Есть ли у кого-нибудь опыт использования файлового ввода из Material Kit Pro React?

Вот ссылка на этот компонент: https://demos.creative-tim.com/material-kit-pro-react/# / Documentation / file-input

Я думаю, что у меня действительно базовый сценарий c, где я выбираю файл из своей СИСТЕМЫ ФАЙЛОВ и хотел бы перевести выбранное имя файла в состояние моего компонента, но я не могу понять, как его кодировать. Идея состоит в том, чтобы нажать кнопку «Загрузить», которая вызовет функцию отправки, где я смогу переслать выбранное имя файла другому компоненту. Ниже приведен код, о котором я говорю.

export class MyPurchaseLatestCard extends Component {

    handleUpload = () => {
        //how to get selected file name here ???
    }


  render() {

    return (
      <Fragment>
              <form >
                <CustomFileInput
                  formControlProps={{
                    fullWidth: true
                  }}
                  inputProps={{
                    placeholder: "Single File..."
                  }}
                  endButton={{
                    buttonProps: {
                      round: true,
                      color: "primary",
                      justIcon: true,
                      fileButton: true
                    },
                    icon: <AttachFile />
                  }}
                />
                <Button
                    onClick={this.handleUpload}
                >
                    Upload
                </Button>
            </form>
      </Fragment>
    );
  }
}


export default MyPurchaseLatestCard;