reactjs - 使用 axios 获取数据后 React useEffect 返回空数组
问题描述
我试图从我创建的 api 中获取我的数据,但它总是返回一个空数组。
这是我的代码
const [orders, setOrders] = useState([]);
const getOrders = async () => {
try {
const access_token = localStorage.getItem("access_token");
let result = await axios({
method: "GET",
url: "http://localhost:3000/orders/open",
headers: {
access_token,
},
});
setOrders(result.data);
console.log(result.data);
console.log(orders);
} catch (err) {
console.log(err);
}
};
useEffect(() => {
getOrders();
}, []);
如您所见,result.data 在其中成功返回了 2 个对象,但是在我使用 setOrders(result.data) 将其添加到订单状态后,订单仍然为空。
我一直在以这种方式使用 axios 获取数据,这是我第一次遇到这个问题。
解决方案
推荐阅读
- macos - OSX (XNU) 系统调用实际记录在哪里?
- sql-server - SQL Server 结果并排
- python - Kivy:使用“on focus”或“on_touch_down”清除文本输入
- python - 我们可以从外部 url 加载 .pkl 文件吗?
- java - 在并行流中使用 Spring 存储库(多线程)
- ios - 将 UIView 覆盖添加到 KeyWindow 而不覆盖警报
- python - 在 Python 中使用 statsmodels 和 PyMC3(MCMC 模拟)估计两个比例之间差异的 p 值
- node.js - 不断从部署到 heroku 的节点/角度应用程序中收到 H10 错误
- node.js - 当我从 Mongoose 查询时,MongoDB 超时
- c# - 找不到错误 MSB4226 MSBuild.Community.Tasks.Targets”