title: How to change url with a scroll in react?
body: <p>I catch the scroll and bring it to the console, how can I change the location when scrolling up and down? I can not display the console current <code>location.path</code>. Help me to understand. I understand that I need a <code>forEach</code> to change the path</p>
  
  <pre><code>constructor (props) {
      super(props);
      this.state = {
          menuOpen: false,
          urlSite: ['/', '/about', '/products', '/partners', '/portfolio', '/contact']
      };
  }
  
  componentWillMount = () =&gt; {
      window.addEventListener('wheel', (e) =&gt; {
          this.scrollSite(e.wheelDelta);
      })
  };
  
  scrollSite(y){
      if(y &lt; 0){
          console.log('slide up')
      } else {
          console.log('slide down')
      }
  }
  
  &lt;div className="content"&gt;
      &lt;Route exact path="/" component={Home} /&gt;
      &lt;Route path="/about" component={About} /&gt;
      &lt;Route path="/products" component={Products} /&gt;
      &lt;Route path="/partners" component={Partners} /&gt;
      &lt;Route path="/portfolio" component={Portfolio} /&gt;
      &lt;Route path="/contact" component={Contact} /&gt;
  &lt;/div&gt;
  </code></pre>