javascript - 未定义的属性 'length' - React 教程

Question

我正在遵循 react 教程，但有一个错误不允许我继续，我已经尝试了所有方法，但什么也没有，它给出了未定义的信息，但我已经改变了一些东西，但我无法解决。

代码:

class PostsManager extends Component {
  state = {
    loading: true,
    posts: [],
  };

  componentDidMount() {
    this.getPosts();
  }

  async fetch(method, endpoint, body) {
    try {
      const response = await fetch(`${API}${endpoint}`, {
        method,
        body: body && JSON.stringify(body),
        headers: {
          'content-type': 'application/json',
          accept: 'application/json',
          authorization: `Bearer ${await this.props.auth.getAccessToken()}`,
        },
      });
      return await response.json();
    } catch (error) {
      console.error(error);
    }
  }

  async getPosts() {
    this.setState({ loading: false, posts: await this.fetch('get', '/posts') });
  }

  async deletePost(post) {
    if (window.confirm(`Are you sure you want to delete "${post.title}"`)) {
      await this.fetch('delete', `/posts/${post.id}`);
      this.getPosts();
    }
  }
    return (
      <Fragment>
        <Typography variant="display1">Posts Manager</Typography>
        {this.state.posts.length > 0 ? (
          <Paper elevation={1} className={classes.posts}>
            <List>
           ....

Answer 1

同意 Glup3，但我只使用 this.state.posts.length 而不是检查长度是否大于 0。这样，如果 .length 未定义或 0，它将是假的。

{this.state.posts.length ? ....