javascript - 在 React 中将 JSON 复制到地图中

Question

我对 React 还很陌生，在过去的一个小时里我一直在绞尽脑汁试图显示 API 的结果。我有一个 API 返回这个：

{
  "data": [{
      "address": "34xp4vRoCGJym3xR7yCVPFHoCNxv4Twseo",
      "balance": 17568220019863
    },
    {
      "address": "35hK24tcLEWcgNA4JxpvbkNkoAcDGqQPsP",
      "balance": 15100113065160
    },
    {
      "address": "385cR5DM96n1HvBDMzLHPYcw89fZAXULJP",
      "balance": 11530490707099
    },
    {
      "address": "3CgKHXR17eh2xCj2RGnHJHTDjPpqaNDgyT",
      "balance": 11185824585401
    },
    {
      "address": "37XuVSEpWW4trkfmvWzegTHQt7BdktSKUs",
      "balance": 9450576862072
    },
    {
      "address": "183hmJGRuTEi2YDCWy5iozY8rZtFwVgahM",
      "balance": 8594734898577
    },
    {
      "address": "1FeexV6bAHb8ybZjqQMjJrcCrHGW9sb6uF",
      "balance": 7995720088144
    },
    {
      "address": "3D2oetdNuZUqQHPJmcMDDHYoqkyNVsFk9r",
      "balance": 7689310178244
    }
  ],
  "context": {
    "code": 200,
    "source": "A",
    "time": 0.14749908447265625,
    "limit": 10,
    "offset": 0,
    "rows": 10,
    "pre_rows": 10,
    "total_rows": 27974300,
    "state": 601405,
    "cache": {
      "live": true,
      "duration": 60,
      "since": "2019-10-28 17:53:32",
      "until": "2019-10-28 17:54:32",
      "time": null
    }
  }
};

我只对地址和余额感兴趣。现在，在我的状态下，我有一个richList: {}，但我不知道如何将我感兴趣的 JSON 数据复制到richList 中。

到目前为止我有这个，但当然它不起作用：

componentDidMount() {
  fetch(apiRequest)
  .then(response => response.json())
  .then(data => {
    console.log(data.data[0]["address"])
    this.setState({
      richList: data
    })
  })
}

我想我需要使用地图功能，但我不知道到底是怎么回事。

我会很感激一些帮助。

标签： javascriptreactjs