想跳过实现步骤吗？查看这些示例
下面的 API 描述了如何使用basic功能。
values: ReadonlyArray<number>
values: ReadonlyArray<number>
必需项 范围的当前值（或多个值）。
min: number
min: number
必需项 范围的最小值。
max: number
max: number
必需项 范围的最大值。
stepSize: number
stepSize: number
必需项 可选步长之间的距离。
onChange: (instance: Ranger<TTrackElement>) => void
onChange: (instance: Ranger<TTrackElement>) => void
当手柄释放时调用的函数。
handles: ReadonlyArray<{value: number; isActive: boolean; onKeyDownHandler(event): function; onMouseDownHandler(event): function; onTouchStart(event): function}>
handles: ReadonlyArray<{value: number; isActive: boolean; onKeyDownHandler(event): function; onMouseDownHandler(event): function; onTouchStart(event): function}>
要渲染的手柄。每个 handle 具有以下属性
activeHandleIndex: null | number
activeHandleIndex: null | number
当前正在拖动手柄的从零开始的索引，如果没有手柄被拖动，则为 null。
您的每周 JavaScript 新闻。每周一免费发送给超过 10 万名开发者。