我想构建一个React组件,该组件在上异步加载数据componentDidMount。
这是当前函数的样子(用编写TypeScript):
async componentDidMount(): Promise<void> {
try {
const { props: { teamId }, state: { } } = this;
const awaitableData = await UrlHelper.getDataAsync("some-fancy-url");
// ... do something with awaitableData
} catch(e) {
console.log("Some error occured");
throw e;
}
}
Run Code Online (Sandbox Code Playgroud)
所述render-function返回标记包裹在一个ErrorBoundary组件,它已componentDidCatch实现。但是,当等待的呼叫被拒绝并且最终出现在catch-block中时,就永远不会调用/触发该事件。
我在这里想念什么?