handleStyle in case range

react-component · Jan 12, 2018 · e2edaa0 · e2edaa0
1 parent 7a021d4
commit e2edaa0
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/createSliderWithTooltip.jsx b/src/createSliderWithTooltip.jsx
@@ -42,6 +42,11 @@ export default function createSliderWithTooltip(Component) {
         placement = 'top',
         ...restTooltipProps,
       } = tipProps;
+
+      let handleStyleWithIndex = handleStyle[0];
+      if (handleStyle[index]) {
+          handleStyleWithIndex = handleStyle[index];
+      }
 
       return (
         <Tooltip
@@ -55,7 +60,7 @@ export default function createSliderWithTooltip(Component) {
           <Handle
             {...restProps}
             style={{
-              ...handleStyle[0],
+              ...handleStyleWithIndex,
             }}
             value={value}
             onMouseEnter={() => this.handleTooltipVisibleChange(index, true)}