如何更改滑块（材质 ui）中标签的值？

Question

代码示例： https : //codesandbox.io/s/runtime-worker-kxse3?file=/src/App.js

我希望气泡中的标签显示与文本相同的值（3,5,7,10）

Answer 1

在valueLabelFormat上返回label而不是index 。 将其更改为

function valueLabelFormat(value) {
  return marks.find((mark) => mark.value === value).label;
}