Javascript Slider max value是数组中的项目数

我正在构建一个材质UI滑块。我希望滑块的最大值是根据选项数组中的项目数确定的

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

在这种情况下，我有4个，但在其他一些情况下，可能有3或5等。 因此，在我的滑块中：

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

这里的最大值应该是我的数组中有多少项（而不仅仅是4项）。

---

我想我可以做我的数组。长度？我如何在我的React组件中实现它？

您可以在那里添加数组

.length

属性，它将显示数组中的项数

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

想想如何使用array.length来解决这个问题。const sliderValues=['Answer1'，'Answer2'，'Answer3'，'Answer4']；min{1}和max={sliderValues.length}，诸如此类？