reactjs - Reactjs - 即使在切换选项卡时，请求仍在加载时使按钮保持禁用状态

Question

我有一个按钮，每当我单击它时都会执行 http get 请求。当请求仍在加载时，该按钮被禁用，但是，每当我切换选项卡并再次返回原始选项卡时，即使请求尚未完成加载，该按钮也不再被禁用。即使在切换标签时，我也希望该按钮保持禁用状态。我怎样才能做到这一点？

这是按钮的样子：

<Button
    startIcon={myMutation.status === "loading" ? <CircularProgress size={20} /> : <GetApp />}
    disabled={myMutation.status === "loading"}
    onClick={() => myMutation.mutate(exportFilter)}
    >
</Button>

标签： reactjs