相关疑难解决方法(0)

结合使用ErrorBoundary和异步生命周期功能

我想构建一个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中时,就永远不会调用/触发该事件。

我在这里想念什么?

javascript asynchronous typescript reactjs

2
推荐指数
2
解决办法
1371
查看次数

标签 统计

asynchronous ×1

javascript ×1

reactjs ×1

typescript ×1