将从api接收的数据格式化为数组React Axios

npm install axios

import axios from 'axios';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: []
    };
  }

  componentDidMount() {
    axios.get('https://api.example.com/data')
      .then(response => {
        const formattedData = response.data.map(item => {
          return {
            id: item.id,
            name: item.name,
            // 根据实际数据结构进行格式化
          };
        });
        this.setState({ data: formattedData });
      })
      .catch(error => {
        console.error('Error fetching data: ', error);
      });
  }

  render() {
    // 在 render 方法中使用格式化后的数组数据
    return (
      <div>
        {this.state.data.map(item => (
          <div key={item.id}>{item.name}</div>
        ))}
      </div>
    );
  }
}