Question

我正在使用redux-form的滑块。我得到了窗体中滑块的值，但问题是，滑块不能平滑滑动。它按照＆＃39;步骤＆＃39;滑动。提及。我该如何解决？

import Slider from "rc-slider";

<Field
  name="Term"                 
  component={(props,input, onChange, onAfterChange) => 
    <Slider 
      value= {props.input.value}
      onChange={props.input.onChange}
      {...props}

      dots
      step={12}
      max={48}

      className="common-slider-style"
      trackStyle={{ backgroundColor: "#00599a" }}
      handleStyle={{
        border: "1px solid #00599a",
        width: "20px",
        height: "20px",
        top: "1px"
      }}
      activeDotStyle={{
        border: "1px solid #00599a",
        width: "10px",
        height: "10px"
      }}

      marks={marks}
      onAfterChange={this.onAfterChange.bind(this)}  
    />
  }

Answer 1

指定step={12}时，滑块一次会移动12个步骤。这就是它跳跃而不是顺畅滑动的原因。如果您希望它更顺畅地滑行，请减少step中的值。

根据您使用的组件的the docs，它必须高于0，并且max和min之间的差异必须可以被step整除。

redux形式的滑块不能平滑滑动

1 个答案: