docs: add allowCross false Range demo

react-component · Oct 26, 2017 · 3165047 · 3165047
1 parent e54feed
commit 3165047
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/examples/range.js b/examples/range.js
@@ -111,6 +111,25 @@ class ControlledRange extends React.Component {
   }
 }
 
+class ControlledRangeDisableAcross extends React.Component {
+  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} allowCross={false} />
+    );
+  }
+}
+
 // https://github.com/react-component/slider/issues/226
 class PureRenderRange extends React.Component {
   constructor(props) {
@@ -154,6 +173,10 @@ ReactDOM.render(
       <p>Controlled Range</p>
       <ControlledRange />
     </div>
+    <div style={style}>
+    <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 />

diff --git a/tests/setup.js b/tests/setup.js
@@ -1,4 +1,4 @@
-global.requestAnimationFrame = global.requestAnimationFrame || function (cb) {
+global.requestAnimationFrame = global.requestAnimationFrame || function _raf(cb) {
   return setTimeout(cb, 0);
 };