如何将React组件的状态值正确设置为JSON对象数组？

constructor(props) {
  super(props);
  this.state = {
    data: []
  };
}

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

render() {
  return (
    <div>
      {this.state.data.map(item => (
        <div key={item.id}>
          <p>{item.name}</p>
          <p>{item.description}</p>
        </div>
      ))}
    </div>
  );
}