反应本机获取数组JSON数据

Question

我正在将数据从Mysql拉到React本机。如您所见，我捕获的数据输出在数组中。如何提取数组数据？使用下面的代码，我可以将数据提取到数组中。例如，我要从数组中提取new_image变量。

  getBusinessNewsData() {
fetch('...').then((response) => response.json())
    .then((findresponse)=>{
  var newSearch = findresponse.new_image;
        console.log(newSearch)

      this.setState({
        data:newSearch,
      })

    })

[
       {
          "id":"..",
          "new_date":"...",
          "new_title":"...",
          "new_slug":"...",
          "new_url":"",
          "new_image":"...",
          "new_fixed":"..."
       }
    ]

Answer 1

Map，然后提取new_image

const result = findResponse.map((d) => d.new_image);

然后，您可以将result设置为组件内部状态。

Answer 2

如果console.log(newSearch)为您提供了上面的数组，并且您想拥有new_image属性，则可以设置类似this.setState({ newImage: newSearch[0].new_image })的状态

这样做this.state.newImage将是数组中的值。