title: How to use react-router transitionTo with react-slick?
body: <p>I am using react-slick(<a href="https://github.com/akiran/react-slick" rel="nofollow">https://github.com/akiran/react-slick</a>) to make a carousel. On each slide of the carousel I want to change the react-router(<a href="https://github.com/rackt/react-router" rel="nofollow">https://github.com/rackt/react-router</a>) handler. </p>
  
  <p>Here is my Carousel:</p>
  
  <pre><code>var Carousel = React.createClass({
  mixins: [ Navigation],
  
  render() {
      var settings = {
          dots: false,
          infinite: true,
          arrows: true,
          speed: 500,
          slidesToShow: 1,
          slidesToScroll: 1,
          beforeChange: function(event){
              transitionTo('about') // this is where I want to transition to different paths
          },
          initialSlide: 3
      };
      return (
          &lt;Slider {...settings}&gt;
              &lt;div&gt;&lt;h3&gt;&lt;/h3&gt;&lt;/div&gt;
              &lt;div&gt;&lt;h3&gt;2&lt;/h3&gt;&lt;/div&gt;
              &lt;div&gt;&lt;h3&gt;3&lt;/h3&gt;&lt;/div&gt;
              &lt;div&gt;&lt;h3&gt;4&lt;/h3&gt;&lt;/div&gt;
              &lt;div&gt;&lt;h3&gt;5&lt;/h3&gt;&lt;/div&gt;
              &lt;div&gt;&lt;h3&gt;6&lt;/h3&gt;&lt;/div&gt;
          &lt;/Slider&gt;
      );
  }
  });
  </code></pre>
  
  <p>Here is my react routes code::</p>
  
  <pre><code>var routes = (
    &lt;Route name='app' path='/' handler={App}&gt;
      &lt;Route name='home' handler={Home}/&gt;
      &lt;Route name='about' handler={About}/&gt;
      &lt;DefaultRoute handler={Home}/&gt;
    &lt;/Route&gt;
  );
  
  
  
  Router.run(routes, Router.HistoryLocation, function (Handler) {
    React.render(&lt;Handler /&gt;, appContainer);
  });
  </code></pre>