从api pull映射数据后无法访问数组中的数据

Question

因此，我使用 React 应用程序中的 fetch 从 api 中提取了一些数据，然后我使用 .map 将我想要的数据放入我试图以表格形式呈现的数组中。

当我记录映射的数组时，它会显示我想要的数据，但是当我尝试访问它以显示它的特定元素时，它返回未定义。

如果控制台日志中的数组显示它具有元素名称和年龄，那么当我尝试访问它时是否有什么错误导致未定义？或者也许我以错误的方式访问它。任何帮助，将不胜感激。

function getMap(results) {

   return results.map((res) => {

       return {name: res.name, age: res.age}

}

fetch(URL)

   .then(result) {

       let x = getMap(result.result);

       console.log(x);

///// the console log shows an array [{name: 'Peter', age: 30}]

      console.log(x.name);

///// console log returns undefined

})