滑块最大值是我数组中的项目数

Question

我正在构建材质UI滑块。我希望滑块的最大值取决于一组选项中的项目数。

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

在这种情况下，我有4个，但在其他情况下，可能有3个或5个。 所以在我的Slider中：

<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}
/>