给我写一个 react+ts项目中的axios请求数据的方法
时间: 2023-03-27 16:03:17 浏览: 244
node-koa2-axios:实现axios请求数据
好的,以下是一个在 React TypeScript 项目中使用 Axios 请求数据的示例方法:
```typescript
import axios from 'axios';
interface Data {
// 定义接口返回的数据类型
id: number;
name: string;
age: number;
}
async function fetchData(): Promise<Data[]> {
try {
const response = await axios.get<Data[]>('https://example.com/api/data');
return response.data;
} catch (error) {
console.error(error);
return [];
}
}
```
这个方法使用 Axios 库发送 GET 请求,获取一个 API 的数据,并将返回的数据类型定义为一个 TypeScript 接口。如果请求成功,返回数据数组;如果请求失败,返回一个空数组。
阅读全文