React this.state.bottles.map不是一个函数

this.state = {
  bottles: []
};

componentDidMount() {
  // 假设从API获取bottles数据并设置到state中
  fetch('api/bottles')
    .then(response => response.json())
    .then(data => {
      this.setState({ bottles: data });
    })
    .catch(error => {
      console.error('Error fetching bottles:', error);
    });
}

render() {
  const { bottles } = this.state;

  if (!Array.isArray(bottles)) {
    return <div>Loading...</div>;
  }

  return (
    <div>
      {bottles.map(bottle => (
        <div key={bottle.id}>{bottle.name}</div>
      ))}
    </div>
  );
}