当在react js中打开推动栏时，停止背景滚动。

在ReactJS中，要实现在打开推动栏时停止背景滚动，可以通过以下步骤完成：

首先，你需要在React组件中设置一个状态来跟踪推动栏的打开与关闭。可以使用useState钩子或者class组件的state属性进行状态管理。
接下来，你可以使用CSS样式来控制背景滚动。通过给body或者根元素添加一个样式类来禁用滚动，例如：

body.modal-open {
  overflow: hidden;
}

在React组件中，你可以根据推动栏的状态来动态地添加或移除这个样式类。当推动栏打开时，为body元素添加modal-open类，使背景滚动被禁用；当推动栏关闭时，从body元素中移除这个类，恢复背景滚动。可以通过以下代码实现：

import React, { useState } from 'react';

function App() {
  const [isSidebarOpen, setSidebarOpen] = useState(false);

  const handleSidebarToggle = () => {
    setSidebarOpen(!isSidebarOpen);
  };

  // 根据推动栏的状态添加或移除样式类
  if (isSidebarOpen) {
    document.body.classList.add('modal-open');
  } else {
    document.body.classList.remove('modal-open');
  }

  return (
    <div>
      {/* 推动栏组件 */}
      <Sidebar isOpen={isSidebarOpen} onToggle={handleSidebarToggle} />

      {/* 其他页面内容 */}
      <div>Content</div>
    </div>
  );
}

在上述代码中，当isSidebarOpen状态发生改变时，通过添加或移除modal-open类来控制背景滚动。