如何从REST API中获取数据，并在reactjs中使用JSON数据填充数组？

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    // 在这里处理获取到的数据
  })
  .catch(error => {
    // 处理错误
  });

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [] // 初始化一个空数组来存储数据
    };
  }

  componentDidMount() {
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        this.setState({ data: data }); // 将获取到的数据存储在组件的状态中
      })
      .catch(error => {
        // 处理错误
      });
  }

  render() {
    // 在渲染方法中使用数据
    return (
      <div>
        {this.state.data.map(item => (
          <p key={item.id}>{item.name}</p>
        ))}
      </div>
    );
  }
}