如何在ReactJS中滚动浏览部分时更新url哈希

import { useHistory } from 'react-router-dom';

const history = useHistory();

history.push('#section-id');

import React from 'react';
import { useHistory } from 'react-router-dom';

const ScrollComponent = () => {
  const history = useHistory();

  const handleScrollToSection = () => {
    history.push('#section-id');
  };

  return (
    <div>
      <button onClick={handleScrollToSection}>Scroll to Section</button>
      {/* 其他组件内容 */}
    </div>
  );
};

export default ScrollComponent;