导入和导出ES6类

Question

我想创建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我想使用FileReader内部componentDidMount方法来读取文件

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; 

在PR的内容的反应的成分我得到一个错误Unexpected token reader所以这种方法有什么问题？

Answer 1

改变这一行：FileReader reader = new FileReader('');到const reader = new FileReader('');

Answer 2

有两个问题在你的代码：

1. 您正在阅读的构造文件内容，在大多数情况下，fileContent将是不确定的，因为fs.readFile是异步函数。
2. 你没有创建文件路径读者：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 
     }); 
    } 
}