title: react-scroll having problems with ES6
body: <p>I am using <a href="https://github.com/fisshy/react-scroll" rel="nofollow noreferrer">react-scroll</a> but in the documentation it is using ES5 </p>
  
  <p>So far my code is as follows</p>
  
  <pre><code>import React, {Component} from 'react';
  import Scroll from 'react-scroll';
  
  class Footer extends Component {
  
    constructor(props) {
      super(props);
    }
  
    scrollToTop() {
      scroll.scrollToTop();
    }
  
    render() {
      return (
        &lt;footer id='footer' className="container-fluid"&gt;
          &lt;a className="black-link" id="toTop" onClick={this.scrollToTop}&gt;
            &lt;div className="dotted-line"&gt;&lt;/div&gt;
            &lt;i className="fa fa-chevron-up" aria-hidden="true"&gt;&lt;/i&gt;
            Back to Top
          &lt;/a&gt;
        &lt;/footer&gt;
      );
    }
  }
  
  export default Footer;
  </code></pre>
  
  <p>However I'm getting <code>TypeError: scroll.scrollToTop is not a function</code></p>
  
  <p>In the documentation I see the following <code>var</code>s but im not sure exactly what to do with them as im pretty new with ES6</p>
  
  <pre><code>var Link       = Scroll.Link;
  var Element    = Scroll.Element;
  var Events     = Scroll.Events;
  var scroll     = Scroll.animateScroll;
  var scrollSpy  = Scroll.scrollSpy;
  </code></pre>