使用MUI Slider将步长映射到大于100的线性比例

Question

我正在使用MUI滑块，我不知道如何创建一个值超过100的映射滑块。除了在标记数组中创建所有180天并限制值之外，还有其他方法吗？我希望能够设置类似step={1}和stepLength={100/180}的值，这将给出每一步在线路上行驶的距离(表示一天(。

我有这个代码沙盒，我的例子工作不正常。

Answer 1

刚刚遇到了同样的问题。添加

max={180}

在中

<Slider 
...
min={0}
max={180}
...
/>

然后在内更改标签下的值

const Marks = [...];

获得您想要的输出！

如果你想添加一个侧边按钮来增加一定的数量，MUI还有一个输入字段选项。