如何将自定义Avatar组件添加到Input组件中以上传图片

Question

<Input
    label="Avatar"
    placeholder="Avatar"
    className={classes.textField}
    inputComponent={
        <Avatar className={classNames(classes.avatar, classes.bigAvatar)}>
            {(this.state.user.firstName).charAt(0)}
        </Avatar>
    }
    type='file' 
    margin="normal"
    onChange={event => this.handleUploadImage(event.target.value)}/>

我想添加一个头像组件，单击该组件即可上传图像。 但是我不知道怎么办？