在 React JSON API 调用中访问数组内的对象

Question

我正在进行一个 API 调用，该调用在 React 应用程序中返回 JSON 数据。数据包含嵌套在数组中的对象。我想访问对象中的数据。

我能够访问和遍历数组数据并用这个记录它：

loadSearchResults = (event) => {
event.preventDefault();
var search = this.state.value;

axios.get(`https://images-api.nasa.gov/search?q=` + `search`)
  .then(res => {
    const results = res.data.collection.items;
    console.log(results);
  });

}

这会注销阵列。

我想访问每个对象内的数据。

如何迭代和显示对象数据（即描述、中心、媒体类型）？换句话说，遍历数组后，如何遍历数组中的对象？

Answer 1

Object.values() 应该可以工作：

  axios
  .get(`https://images-api.nasa.gov/search?q=` + `search`)
  .then(res => res.data.collection.items)
  .then(json => {
    json.map(obj => console.log(Object.values(obj)))
  })

在<div> 内呈现数据（假设该组件具有状态/ 是一个类）：

axios
  .get(`https://images-api.nasa.gov/search?q=` + `search`)
  .then(res => res.data.collection.items)
  .then(json => {
    json.map(obj => this.setState({ allTheValues: Object.values(obj) }))
  })

render() {return (<div>{this.state.allTheValues.map(value => value)}</div>)}

棘手的部分是你在一个异步的承诺中，但这是另一个问题