未处理的拒绝(TypeError):对象(...)不是函数
Unhandled Rejection (TypeError): Object(...) is not a function
我正在从另一个文件导入 getEstimateSummary 数据并使用 await 进行处理,但是在传入 sprintDay 函数时,它向我展示了一个对象不是函数,当我将其传递到我的第二个函数时,这是我的代码
import React from "react";
import getEstimateSummary from "../../service/requirementService";
const SprintDay = async () => {
const res = await getEstimateSummary();
const fliterOut = [
"Estimated_minutes",
"To_do_stories",
"Requirement_complete",
"Remaining_User_Stories",
"Original_hours",
"total_user_stories",
];
console.log("filterDay", fliterOut);
const keys = Object.keys(res[0]).filter((ele) => !fliterOut.includes(ele));
console.log("keys day", keys);
const data = res.map((item) => [
item.TrackChange,
...keys.map((ele) => item[ele]),
]);
};
const Second = () => {
SprintDay();
return (
<div className="second">
<Navbar variant="light" bg="light" border-bottom border-dark>
<Navbar href="#home">Home/Sprint Requirement</Navbar>
<Navbar.Collapse id="basic-navbar-nav">
<Nav className="mr-auto">
<Button variant="secondary">Track Changes</Button>
<NavDropdown title="Day"></NavDropdown>
</Nav>
<Form inline>
<Button variant="secondary" className=" mr-sm-2">
Last Updated: 5 July,2020
</Button>
<Button variant="secondary"> Next Refresh: 6 July,2020</Button>
</Form>
</Navbar.Collapse>
</Navbar>
</div>
);
};
export default Second;
这是我的需求服务文件
export const getEstimateSummary = async () => {
try {
const url = `${apiEndpoint}/EstimateSummary/?token=${token}`;
const res = await axios.get(url);
return res.data;
} catch (err) {
return err;
}
};
您在将函数导入为默认导入时使用命名导出。
尝试将导入行更改为
import { getEstimateSummary} from '../../requirementService';
或您的导出行至:
export default async () => {
try {
const url = `${apiEndpoint}/EstimateSummary/?token=${token}`;
const res = await axios.get(url);
return res.data;
} catch (err) {
return err;
}
};
我正在从另一个文件导入 getEstimateSummary 数据并使用 await 进行处理,但是在传入 sprintDay 函数时,它向我展示了一个对象不是函数,当我将其传递到我的第二个函数时,这是我的代码
import React from "react";
import getEstimateSummary from "../../service/requirementService";
const SprintDay = async () => {
const res = await getEstimateSummary();
const fliterOut = [
"Estimated_minutes",
"To_do_stories",
"Requirement_complete",
"Remaining_User_Stories",
"Original_hours",
"total_user_stories",
];
console.log("filterDay", fliterOut);
const keys = Object.keys(res[0]).filter((ele) => !fliterOut.includes(ele));
console.log("keys day", keys);
const data = res.map((item) => [
item.TrackChange,
...keys.map((ele) => item[ele]),
]);
};
const Second = () => {
SprintDay();
return (
<div className="second">
<Navbar variant="light" bg="light" border-bottom border-dark>
<Navbar href="#home">Home/Sprint Requirement</Navbar>
<Navbar.Collapse id="basic-navbar-nav">
<Nav className="mr-auto">
<Button variant="secondary">Track Changes</Button>
<NavDropdown title="Day"></NavDropdown>
</Nav>
<Form inline>
<Button variant="secondary" className=" mr-sm-2">
Last Updated: 5 July,2020
</Button>
<Button variant="secondary"> Next Refresh: 6 July,2020</Button>
</Form>
</Navbar.Collapse>
</Navbar>
</div>
);
};
export default Second;
这是我的需求服务文件
export const getEstimateSummary = async () => {
try {
const url = `${apiEndpoint}/EstimateSummary/?token=${token}`;
const res = await axios.get(url);
return res.data;
} catch (err) {
return err;
}
};
您在将函数导入为默认导入时使用命名导出。
尝试将导入行更改为
import { getEstimateSummary} from '../../requirementService';
或您的导出行至:
export default async () => {
try {
const url = `${apiEndpoint}/EstimateSummary/?token=${token}`;
const res = await axios.get(url);
return res.data;
} catch (err) {
return err;
}
};