conflicts

examples/range.js

@@ -4,7 +4,6 @@ import 'rc-slider/assets/index.less';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import Slider from 'rc-slider';
-import PropTypes from 'prop-types';
 
 const Range = Slider.Range;
 
@@ -95,9 +94,25 @@ class DynamicBounds extends React.Component {
 }
 
 class ControlledRange extends React.Component {
-  static propTypes = {
-    allowCross: PropTypes.bool,
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: [20, 40, 60, 80],
+    };
+  }
+  handleChange = (value) => {
+    this.setState({
+      value,
+    });
+  }
+  render() {
+    return (
+      <Range value={this.state.value} onChange={this.handleChange} />
+    );
   }
+}
+
+class ControlledRangeDisableAcross extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -110,9 +125,8 @@ class ControlledRange extends React.Component {
     });
   }
   render() {
-    const { allowCross = true } = this.props;
     return (
-      <Range value={this.state.value} onChange={this.handleChange} allowCross={allowCross}/>
+      <Range value={this.state.value} onChange={this.handleChange} allowCross={false} />
     );
   }
 }
@@ -161,9 +175,9 @@ ReactDOM.render(
       <ControlledRange />
     </div>
     <div style={style}>
-      <p>Controlled Range with not allowCross</p>
-      <ControlledRange allowCross={false} />
-    </div>
+    <p>Controlled Range, not allow across</p>
+    <ControlledRangeDisableAcross />
+  </div>
     <div style={style}>
       <p>Multi Range</p>
       <Range count={3} defaultValue={[20, 40, 60, 80]} pushable />

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-slider",
-  "version": "8.3.4",
+  "version": "8.3.5",
   "description": "Slider UI component for React",
   "keywords": [
     "react",

src/Slider.jsx

@@ -150,6 +150,7 @@ class Slider extends React.Component {
       disabled,
       min,
       max,
+      index: 0,
       style: handleStyle[0] || handleStyle,
       ref: h => this.saveHandle(0, h),
     });

tests/setup.js

@@ -1,4 +1,4 @@
-global.requestAnimationFrame = global.requestAnimationFrame || function raf(cb) {
+global.requestAnimationFrame = global.requestAnimationFrame || function _raf(cb) {
   return setTimeout(cb, 0);
 };