我有以下代码在反应。
useEffect(() => {
(async () => {
await httpClient
.get(`${config.resourceServerUrl}/inventory/`)
.then((response) => {
setSponsor(response.data.sponsor);
setAddress(response.data.address);
setPhaseOfTrial(response.data.phaseOfTrial);
})
.catch((error) => {
alert(error);
});
})();
}, []);
此代码运行成功。唯一的问题是,它在玩笑测试用例中失败了。
describe('ListInventory', () => {
it('should render successfully', () => {
const { baseElement } = render(<ListInventory />);
expect(baseElement).toBeTruthy();
});
});
以下是错误。
node:internal/process/promises:246
triggerUncaughtException(err, true /* fromPromise */);
^
[UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). The promise rejected with the reason "TypeError: Cannot read properties of undefined (reading 'get')".] {
code: 'ERR_UNHANDLED_REJECTION'
}
我已经在使用
catch
块。代码有什么问题?你能帮我做同样的事情吗?
尝试使用 try-catch 块处理 Promise,如下所示:
useEffect(() => {
(async () => {
try {
let response = await httpClient.get(
`${config.resourceServerUrl}/inventory/`
);
setSponsor(response.data.sponsor);
setAddress(response.data.address);
setPhaseOfTrial(response.data.phaseOfTrial);
} catch(error) {
alert(error);
}
})();
}, []);
或
useEffect(() => {
(async () => {
let response = await httpClient.get(
`${config.resourceServerUrl}/inventory/`
);
setSponsor(response.data.sponsor);
setAddress(response.data.address);
setPhaseOfTrial(response.data.phaseOfTrial);
})().catch(e=>alert(e));
}, []);
您应该使测试异步,因为您的代码中有异步调用:
describe('ListInventory', () => {
it('should render successfully', async() => {
const { baseElement } = render(<ListInventory />);
expect(baseElement).toBeTruthy();
});
});
我遇到了类似的问题。
此问题可能是由于 response.data 旁边的对象之一未定义造成的。 添加条件来检查其存在。
这解决了我的问题
执行此操作的最佳方法如下:
useEffect(() => {
(async () => {
let response = async () => await httpClient.get(
`${config.resourceServerUrl}/inventory/`
);
response
.then((res) => {
setSponsor(res.data.sponsor);
setAddress(res.data.address);
setPhaseOfTrial(res.data.phaseOfTrial);
}).catch((error) => {
alert(error);
})
})();
}, []);