React:如何在使用react-scroll滚动时禁用点击？

npm install react-scroll

import { Link, Element, Events, animateScroll as scroll, scrollSpy, scroller } from 'react-scroll';

render() {
  return (
    <div>
      <Link to="section1" smooth={true} duration={500}>Section 1</Link>
      <Link to="section2" smooth={true} duration={500}>Section 2</Link>
      <Link to="section3" smooth={true} duration={500}>Section 3</Link>
    </div>
  );
}

componentDidMount() {
  Events.scrollEvent.register('begin', function(to, element) {
    // 禁用点击
    document.removeEventListener('click', this.handleClick);
  });

  Events.scrollEvent.register('end', function(to, element) {
    // 启用点击
    document.addEventListener('click', this.handleClick);
  });
}

componentWillUnmount() {
  Events.scrollEvent.remove('begin');
  Events.scrollEvent.remove('end');
}