表单提交后从输入文件类型获取文件数据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: ""

那么有可能从此test.txt中获得这8个字符吗？

如果您需要更多信息，我可以更新该帖子：）

谢谢