react无法设置未定义的属性“”scrollTop“”

import React, { Component } from 'react';

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

  componentDidMount() {
    // 在组件挂载后，可以通过ref获取DOM元素，并修改其scrollTop属性
    this.scrollRef.current.scrollTop = 100; // 设置scrollTop为100
  }

  render() {
    return (
      <div ref={this.scrollRef} style={{ height: '200px', overflow: 'scroll' }}>
        {/* 内容 */}
      </div>
    );
  }
}

export default ScrollComponent;