ReactJs+；Redux：如何像jQuery blockUI一样轻松地实现blockUI？

在redux store中，我可以对异步状态使用

Thunk

：

fetching\u data

并执行

render（）

来阻止元素

但我认为这需要做很多工作。如果我有许多组件要

blockUi

是否有任何最佳实践可以让它变得像

 $('#container-1').blockUi();   
 $('#container-1').unBlockUi(); 

  $('#container-2').blockUi();  
  $('#container-2').blockUi();   

---

您可以使用这样的东西，它有一个特定的组件，用于根据redux（）中调度的操作进行阻塞和取消阻塞

使用react块ui很简单

<ReduxBlockUi block="REQUEST_START" unblock="REQUEST_SUCCESS">
  <p>The Thing I am Blocking</p>
</ReduxBlockUi>

我正在阻止的事情

现在，当调度

REQUEST\u START

操作时，该部分将开始阻塞，而当调度

REQUEST\u SUCCESS

时，它将停止。您可以将这些操作名称更改为您正在使用的名称

---

有一个中间件，有关详细信息，请参阅上的示例和文档。

为什么需要阻止许多组件？它与异步数据获取有何关系？提取数据时是否要阻止UI？请提供更多信息，目前尚不清楚我们正在努力实现什么目标。