可能的问题是您的 React app 没有正确发送请求或处理响应。您可以在使用 React 的前端应用程序中创建一个包含直接调用 API 的函数,在组件中导入并调用该函数,以便在组件渲染时获取数据。以下是示例代码:
//API调用函数
async function fetchData() {
const response = await fetch('http://example.com/api/data');
const data = await response.json();
return data;
}
//在组件中导入并调用函数获取数据
import React, { useState, useEffect } from 'react';
function MyComponent() {
const [data, setData] = useState([]);
useEffect(() => {
async function getData() {
const data = await fetchData();
setData(data);
}
getData();
}, []);
return (
{data.map(item => (
{item.property}
))}
);
}
export default MyComponent;
请确保 API 路由中设置正确的访问权限和请求方法,并在响应中返回正确的数据。如果问题仍然存在,可以使用浏览器的开发者工具检查网络请求和响应以进行调试。
上一篇:API在每次点击时都被调用