Получить данные файла из входного типа файла после отправки формы ReactJS

Question

Я пытаюсь получить данные из пользовательского файла, импортированного формой.

Для этого я использую обработчик на моем UploaderComponent:

class TodoLoader extends Component {
    handleOnChangeFile = (event) => {
        console.log(event.target.files)
    } 

    render() {
        return (
            <div className='todoloader'>
                <form onSubmit={(e) => {this.props.onUpload(e)}}>
                    <input type='file' onChange={(e) => {this.handleOnChangeFile(e)}}/>
                    <button type='submit'>Load</button>
                </form>
            </div>
        )
    }
}

Но при возврате журнала консоли я не могу получить доступ к телу, данным или значению:

    FileList(1)
​        0: File
​​            lastModified: 1542193960000
​​            lastModifiedDate: Date 2018-11-14T11:12:40.000Z
​​            name: "test.txt"
​            size: 8
​            type: "text/plain"
​​            webkitRelativePath: ""

Так можно ли получить эти 8 символов из этого test.txt?

Если вам нужна дополнительная информация, я могу обновить сообщение:)

Спасибо