我使用 axios 调用 api 方法以在 react hooks 组件中进行数据访问。我使用 react redux 进行状态管理。我从 useEffect 调用 fetchall 方法来获取所有课程。但是响应数组是空的并显示在上面的错误。状态或道具有问题。或者课程减速器不获取数据。这里是 api.js 的代码在行动。
import axios from "axios";
const baseUrl = "http://localhost:44306/api/"
export default {
course(url = baseUrl + 'courses/') {
return {
fetchAll: () => axios.get(url),
fetchById: id => axios.get(url + id),
create: newRecord => axios.post(url, newRecord),
update: (id, updateRecord) => axios.put(url + id, updateRecord),
delete: id => axios.delete(url + id)
}
}
}
Run Code Online (Sandbox Code Playgroud)
课程组件有 2 个网格,第一个网格已被注释掉以关注问题。第二个网格有表格,应该在表格中显示课程。后端表有许多行已经用邮递员和数据库测试过。Courses.js 如下。
import React, { useState, useEffect } from "react"; …
Run Code Online (Sandbox Code Playgroud)