Hyperlink 如何在滑块中使用React Router

首先，显示UI

当我触摸移动处理程序和触摸结束时，我想更改url，就像更改前是

../component

，更改后url将变成

../component？range=[01000]

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

var RangeSlider=React.createClass({
render:function（）{
返回(
{/*此div显示选定的目标范围*/}
{/*左处理程序*/}
{/*右处理程序*/}
);
}
})

---

若要更改URL，请使用

this.push（“/yourNewPath”）

，显示您迄今为止所做的工作，这样会更容易帮助您。问题描述已更新，希望您的新应用

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>
    );
  }
})