点击导航栏不平滑滚动(已安装react-scroll)

npm install react-scroll

import React from 'react';
import { Link, animateScroll as scroll, scroller } from 'react-scroll';

class NavigationBar extends React.Component {
  scrollToTop = () => {
    scroll.scrollToTop();
  };

  scrollToSection = (section) => {
    scroller.scrollTo(section, {
      duration: 800,
      delay: 0,
      smooth: 'easeInOutQuart',
    });
  };

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

export default NavigationBar;