Question

我正在学习反应并偶然发现了一些似乎绝对是初学者的问题。无论如何，我从API获取数据，并想知道如何从JSON获取某个元素。我已经尝试了[]的不同变化，但没有成功。

JSON：

protected override void OnPreRender(EventArgs args)
{
    gvChildGrid.DataSource = yourdatasource;
    gvChildGrid.DataBind();
}

反应代码：

[{"name":"gfhf","id":1,"organizer":"hfgh"},{"name":"World Cup","id":2,"organizer":"FIFA"}]

我的目标是仅展示世界杯。

Answer 1

您可以从API的响应中筛选出您想要的任何内容。如下所示：

注意第findresponse.filter(res => res.name === "World Cup");行

componentDidMount() {
  fetch(tournyAPI)
  .then((Response) => Response.json())
  .then((findresponse) => {
    console.log(findresponse)
    findresponse.filter(res => res.name === "World Cup");
    this.setState({
      data:findresponse,
    })
  })
}

从API获取数据后访问某些项目并做出反应

1 个答案: