当react-loading-overlay处于活动状态时禁用页面滚动

，可以通过以下步骤实现：

1. 首先，需要在React组件中引入react-loading-overlay库。可以使用npm或yarn进行安装，具体命令如下：
2. 首先，需要在React组件中引入react-loading-overlay库。可以使用npm或yarn进行安装，具体命令如下：
3. 或
4. 或
5. 在需要使用loading overlay的组件中，引入react-loading-overlay库，并创建一个状态变量来控制loading overlay的显示与隐藏。示例代码如下：
6. 在需要使用loading overlay的组件中，引入react-loading-overlay库，并创建一个状态变量来控制loading overlay的显示与隐藏。示例代码如下：
7. 在上述代码中，通过active属性来控制loading overlay的显示与隐藏。当isLoading为true时，loading overlay会显示；当isLoading为false时，loading overlay会隐藏。
8. 为了禁用页面滚动，可以在loading overlay显示时，给根元素添加一个样式来禁用滚动。可以使用CSS的overflow属性来实现。示例代码如下：
9. 为了禁用页面滚动，可以在loading overlay显示时，给根元素添加一个样式来禁用滚动。可以使用CSS的overflow属性来实现。示例代码如下：
10. 在上述代码中，通过设置document.documentElement.style.overflow属性来控制根元素的滚动。当loading overlay显示时，将overflow设置为'hidden'来禁用滚动；当loading overlay隐藏时，将overflow设置为'auto'来启用滚动。

这样，当react-loading-overlay处于活动状态时，页面滚动将被禁用。