导入和导出es6类
导入和导出es6类
提问于 2017-07-28 16:26:09
我想要创建一个ES6类，它从文件中读取数据，只返回文件的内容，所以我创建了一个名为FileReader的类，它有一个构造函数filePath，并有一个名为getFileContent的方法。
import fs from 'fs';
import path from 'path';
export class FileReader {
constructor(filePath) {
this.filePath = filePath;
fs.readFile(filePath, (err, data) => {
if (err) {
console.log(err);
}
this.fileContent = data;
});
}
getFileContent(separator, columns) {
console.log(this.fileContent);
}
}我有一个名为OrderList的react组件，我希望在componentDidMount方法中使用FileReader来读取文件的内容
import React from 'react';
import {FileReader} from '../Utils/FileReader';
class OrdersList extends React.Component {
constructor(props, context) {
super(props, context);
}
componentDidMount() {
FileReader reader = new FileReader('');
reader.getFileContent(',' , []);
}
render() {
}
}
export default OrdersList;问题是我得到了一个错误Unexpected token reader，那么这种方法有什么问题呢？
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-07-28 16:30:09
将这一行：FileReader reader = new FileReader('');改为const reader = new FileReader('');
Stack Overflow用户
发布于 2017-07-28 16:30:59
代码中有两个问题：
- 在构造函数中读取文件内容，在大多数情况下，
fileContent将是未定义的，因为fs.readFile是异步函数。 - 您正在创建一个没有文件路径的阅读器：
FileReader reader = new FileReader('');
要解决所描述的问题，您应该移动类函数中读取文件的逻辑，并使用回调或承诺：
class OrdersList extends React.Component {
constructor(filePath) {
this.filePath = filePath;
}
getFileContent(separator, columns, cb) {
fs.readFile(this.filePath, (err, data) => {
if (err) {
console.log(err);
}
cb(err, data) ;
});
}
}在OrdersList中，您应该使用真正的文件名和回调函数来读取文件内容：
class OrdersList extends React.Component {
constructor(props, context) {
super(props, context);
}
componentDidMount() {
let reader = new FileReader(realFilePath);
reader.getFileContent(',' , [], (err, content) => {
// TODO: file content in content var
});
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45378324
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号