为什么 React 可以显示对象而不显示其成员？

Question

我正在尝试了解 MERN 堆栈。到目前为止，我已经成功查询数据库并获取 API 端点上的数据，但在将其显示在前端时遇到一些问题。

这是我的前端代码：

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component<{}, {res:any}> {
  constructor(props:any) {
    super(props);
    this.state = {res: Array};
}
  callAPI() {
    fetch("http://localhost:5000")
    .then(res => res.json())
    .then(json => this.setState({res: json}));
  }
  componentWillMount() {
      this.callAPI();
  }
  render() {
  // WORKS
  console.log(this.state.res[0]);
  // DOESN'T WORK
  console.log(this.state.res[0].name);
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.tsx</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  )};
}

export default App;

如您所见，它只是默认 React 主页的修改版本。我刚刚添加了一个状态并从后端获取数据。

当我尝试 console.log 我的数据时，问题就出现了。

如果我 console.log(this.state.res[0])，一切都很好，我得到 { "_id": "62207b47d40bca8ea8b60560", "name": "Patère", "checked": false, "links": [ "" ] } 在我的控制台中。但是，如果我尝试仅记录名称，则会收到 Uncaught TypeError: this.state.res[0] is undefined，这很奇怪，因为它设法显示 this.state.res [0] 以前还好吗？

这是什么原因造成的？我该如何解决？

先感谢您。