你应该尝试使用创建引用，下面的代码将有助于滚动轮上的固定部分
App.js

import React from 'react';
import FixedSection from './FixedSection';
import ScrollingSection from './ScrollingSection';

class App extends React.Component {
  constructor(props) {
    super(props);
    this.scrollingSectionRef = React.createRef();
  }

  handleFixedSectionScroll = (e) => {
    // Forward the scroll event to the scrolling section
    this.scrollingSectionRef.current.scrollTop += e.deltaY;
  };

  render() {
    return (
      <div className="App">
        <FixedSection onScroll={this.handleFixedSectionScroll} />
        <ScrollingSection ref={this.scrollingSectionRef} />
      </div>
    );
  }
}

export default App;

FixedSection.js

class FixedSection extends React.Component {
  render() {
    return (
      <div className="fixed-section" onWheel={this.props.onScroll}>
        {/* Content of the fixed section */}
      </div>
    );
  }
}

export default FixedSection;

ScrollingSection.js

class ScrollingSection extends React.Component {
  render() {
    return (
      <div className="scrolling-section" ref={this.props.forwardRef}>
        {/* Content of the scrolling section */}
      </div>
    );
  }
}

export default React.forwardRef((props, ref) => (
  <ScrollingSection forwardRef={ref} {...props} />
));

App.css

.fixed-section {
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    height: 100vh;
    overflow: hidden;
  }

  .scrolling-section {
    width: 50%;
    height: 100vh;
    margin-left: 50%;
    overflow-y: scroll;
  }