时间戳

首页 > 解决方案 > React：如何使用 async->fetch 将文本文件的内容存储到变量中

javascript - React：如何使用 async->fetch 将文本文件的内容存储到变量中

问题描述

如何使用 fetch 将文本文件的内容存储到字符串变量？我正在使用 React.js，我的文件内容正在控制台中读取，但我似乎无法存储它。

自然地，TextFile 返回我未定义，但我想知道是否有办法捕捉承诺并将其永久存储在字符串 var 中？先感谢您; 马林

let TextFile;
    function getFile(){
      return fetch(myText)
        .then((response)=>response.text())
        .then((text)=>console.log(text))
        .then((text)=>TextFile=text)
    }
getFile();
console.log(TextFile);

标签： javascriptreactjsfetch

解决方案

您可以在 fetchAPI 中使用 response.text() 方法

function getData() {
  var myRequest = new Request('abc.txt');
  fetch(myRequest).then(function(response) {
    return response.text().then(function(text) {
      myArticle.innerHTML = text;
    });
  });
}

有关更多参考，请参阅此。

推荐阅读