Question

我目前正在一个ReactJS项目中，我在其中创建了自己的JSON-api。我试图获取数组中的特定值，但我得到的只是undefined，console.log给了我这个：Array。

我的提取函数如下：

_fetchData = async () => {
  const response = await fetch('http://localhost:3000/stories');
  const json = await response.json();

  this.setState({
    title: json.title,
    thumbnail_img_url: json.thumbnail_img_url
  });
}

Answer 1

请先学习基本编程。

给我这个：数组。

您自己说过json是一个数组，并尝试使用json.title访问其属性。请使用数组的第一个元素或重新访问流程，然后查看实际要执行的操作。

_fetchData = async () => {
  try {
    const response = await fetch('http://localhost:3000/stories');
    const json = await response.json();

    this.setState({
      title: json[0].title,
      thumbnail_img_url: json[0].thumbnail_img_url
    });
  catch (err) { console.error(err.toString()); }
}

ReactJS从自定义API获取数据并呈现数据

1 个答案: