Question

我正在尝试获取数据并将其放入数组中，所以我以我的状态

创建了一个数组

lokalen []

然后我做

 fetch('http://localhost:3001/Lokalen/')
            .then(response => response.json())
            .then(data => this.setState({lokalen:data}))
console.log(this.state.data)
    }

但是我的数组似乎仍然是空的我已经检查了是否提取了正确的东西，是的，如果我使用在第二个console.log（data）之后，我可以在日志中看到所需的数据。我只是无法在我的数组中获取它。

谁知道为什么？提取是在componentdidmount中完成的

Answer 1

似乎您正在尝试获取计算机上已经存在的文件。使用Localhost时，您是在本地计算机上托管服务器。

使用fetch()时，只需指定文件/ API端点的路径

来自FETCH 文档，您可以执行以下操作

fetch(/Lokalen/, {
  method: "GET",
  headers: {
   "Content-Type": "application/json"
 },
  credentials: "same-origin"
}).then(function(response) {
  response.status     //=> number 100–599
  response.statusText //=> String
  response.headers    //=> Headers
  response.url        //=> String

  return response.text()
}, function(error) {
  error.message //=> String
})

React无法获取到数组

1 个答案: