如何修复this.state.*.map不是一个函数？

import React, { Component } from 'react';

class ItemList extends Component {
  constructor(props) {
    super(props);
    this.state = {
      items: [] // 初始化为数组
    };
  }

  componentDidMount() {
    fetch('https://api.example.com/items')
      .then(response => response.json())
      .then(data => {
        this.setState({ items: data });
      })
      .catch(error => console.error('Error fetching data:', error));
  }

  render() {
    const { items } = this.state;
    return (
      <div>
        {Array.isArray(items) ? (
          items.map((item, index) => (
            <div key={index}>{item.name}</div>
          ))
        ) : (
          <div>Loading...</div>
        )}
      </div>
    );
  }
}

export default ItemList;