Максимальное значение ползунка - количество элементов в моем массиве

Question

Я создаю слайдер пользовательского интерфейса для материала.Я бы хотел, чтобы максимальное значение моего ползунка соответствовало количеству элементов в массиве опций.

['Answer1', 'Answer2', 'Answer3', 'Answer4'];

В этом случае у меня 4, но в некоторых других случаях может быть 3 или5 и т. Д. Итак, в моем ползунке:

<Slider
 classes={{ container: classes.slider }}
 value={value}
 min={1}
 max={4}
 onChange={this.handleChange}
/>

Здесь максимум должен быть, как много элементов в моем массиве (не только 4).Я думаю, я могу сделать как-нибудь myArray.length?И как я могу реализовать это в моем компоненте React?

Answer 1

Вы можете добавить туда свой массив .length свойство, оно покажет количество элементов в вашем массиве

<Slider
 classes={{ container: classes.slider }}
 value={value}
 min={1}
 max={yourArray.length}
 onChange={this.handleChange}
/>