如何在Slider中使用React-Router

Question

首先，显示用户界面。

当我触摸移动处理程序并触摸结束时，我想要更改网址，就像更改之前的网址.../component一样，更改网址后会变为.../component?range=[0,1000]

-----更多细节-----

var RangeSlider = React.createClass({
  render: function() {
    return (
      <div className="range-slider-module">
        <div className="range-slider-area">
          <div ref="filledRange" className="range-slider-filled"></div>  {/* This div show the target range selected*/}
            <div onTouchStart={this.handleMouseDown}
                 onMouseDown={this.handleMouseDown}
                 onClick={this.handleClick}
                 ref="handlerLeft"
                 className="range-slider-handler-left">
            </div> {/* Left handler */}
            <div onTouchStart={this.handleMouseDown}
                 onMouseDown={this.handleMouseDown}
                 onClick={this.handleClick}
                 ref="handlerRight"
                 className="range-slider-handler-right">
            </div> {/* Right handler */}
          </div>
        </div>
      </div>
    );
  }
})