如何使用axios和react js访问函数外部的数据

npm install axios

import axios from 'axios';

componentDidMount() {
  axios.get('https://example.com/api/data')
    .then(response => {
      // 处理获取到的数据
      console.log(response.data);
    })
    .catch(error => {
      // 处理错误
      console.error(error);
    });
}

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

componentDidMount() {
  axios.get('https://example.com/api/data')
    .then(response => {
      // 将获取到的数据保存到状态中
      this.setState({ data: response.data });
    })
    .catch(error => {
      console.error(error);
    });
}

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

  return (
    <div>
      {data ? (
        <div>
          {/* 渲染数据 */}
          {data.map(item => (
            <div key={item.id}>{item.name}</div>
          ))}
        </div>
      ) : (
        <div>Loading...</div>
      )}
    </div>
  );
}