Anchor / Hash Links and Smooth Scrolling with React Router

Anchor Links and Smooth Scrolling with React Router

// include React Router Hash Link from https://github.com/rafrex/react-router-hash-link
import { HashLink as Link } from 'react-router-hash-link';
// include Smooth Scroll from https://github.com/cferdinandi/smooth-scroll
import Scroll from 'smooth-scroll';

class App extends React.Component {
  
  componentDidMount() {
    // initiate smooth scrolling
    let scroll = new Scroll('a[href*="#"]');
  }

  render() {
    return (
      <div>
       <Link to="#section">Do the thing</Link>
      </div>
      <div id="section">Scroll to here</div>
    );
  }
}