我想在React中导入多个数据文件,因为数据集可能太大,所以我需要将一个大文件溢出到许多文件中
我只知道如何在React中导入一个数据文件,我知道如何导入2种数据,但是我不知道如何导入类似
myText1和myText2并将它们组合在一起并阅读
componentDidMount() {
const promiseForText = axios.get(`${myText}`)
const promiseForAccount = axios.get('./account.json')
Promise.all([promiseForText, promiseForAccount]).then(response => {
this.setState({
data: response[0].data,
account: response[1].data,
})
})
}
我希望我可以从file1 file2 .... fileN中获取数据
并将所有内容合并并在我的组件中读取。
答案 0 :(得分:0)
componentDidMount() {
const promiseForMyText1 = axios.get('./myText1.txt')
const promiseForMyText2 = axios.get('./myText2.txt')
const promiseForMyText3 = axios.get('./myText3.txt')
const promiseForText = Promise.all([
promiseForMyText1, promiseForMyText2, promiseForMyText3
]).then(resList => {
return resList.reduce((acc, res) => acc + res.data, '')
})
const promiseForAccount = axios.get('./account.json')
Promise.all([promiseForText, promiseForAccount]).then(([myText, resForAccount]) => {
this.setState({
data: myText,
account: resForAccount.data,
})
})
}