как изменить значение метки в слайдере (material ui)?

#javascript #reactjs #material-ui

#javascript #reactjs #материал-пользовательский интерфейс

Вопрос:

пример кода: https://codesandbox.io/s/runtime-worker-kxse3?file=/src/App.js

я хочу, чтобы метки в пузырьке отображали то же значение, что и текст (3,5,7,10)

Комментарии:

1. Установить значение также на те же цифры?

2. значение @Vishnudev — это процент сокращения на слайдере для позиции (например, 0 означает начальную точку, а 100 означает конечную точку)

Ответ №1:

Верните значение label вместо index на вашем valueLabelFormat . Измените его на

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

Редактировать интересно-kalam-5vq67