Javascript 在没有jquery的情况下，如何在reactjs中提取数据时禁用click事件？

我在redux store中有一个

isFetching

状态，当从后端提取数据时，

isFetching

变为true，因此当

isFetching

标志为

true

时，我想禁用

所有单击事件

，而不使用

jQuery

我找到了一些答案（使用jQuery和CSS），但它们与DOM中的特定元素有关

---

我想禁用所有单击事件。

根据isFetching的值，您可以禁用提交表单的按钮（

或

，并在提交处理程序中检查是否提交，以防由于点击输入字段而执行提交。

我想到了一种方法。也许您可以尝试这样实现：

当isFetch为true时，使用全局元素（DIV）遮罩，将宽度和高度设置为100%，然后将背景色设置为透明，将z索引设置为大于当前界面中的元素，否则z索引小于当前界面中的元素，然后监听该元素的点击事件，这样就可以阻止界面上的点击事件。当isFetching为false时，使掩码消失

在React组件中

handleClick=（e）=>{
e、 预防默认值（）；
e、 停止传播（）；
}

.mask{
位置：固定；
宽度：100%；
身高：100%；
背景色：透明；
z指数：1000；
}
.面具.消失{
显示：无；
}

你的元素

我认为可能重复，这不是重复，问题是关于禁用单击事件发布您正在使用的代码，以便我们可以看到哪些不适用于您。我不知道如何在react中执行此操作？这就是解决方案。我正在寻找您已经尝试过的方法？向我们发布一些代码。如果我这样做，我必须检查条件在每个元素上，这就是我在问题中提到的，可以在每个元素上禁用，但是如果我有30个元素，我不能在每个元素上检查，这就是为什么我要寻找一个解决方案来禁用click事件，而不是禁用按钮或任何其他元素，然后你可以显示一条消息，如“fetching da”ta'而不是显示表单。。。