javascript - slider 最大值是我的数组中的项目数

标签 javascript arrays slider material-ui

我正在构建一个 Material UI slider 。我希望 slider 的最大值取决于选项数组中的项目数。

['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 组件中实现它?

最佳答案

您可以在其中添加数组 .length 属性,它将显示数组中的项目数

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

关于javascript - slider 最大值是我的数组中的项目数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52856681/

相关文章:

javascript - 如何根据起始字母过滤数组

Java 泛型 : Array containing generics

javascript - 使用 html.innerHTML 设置 html 内容,以便它在 IE 8 和 9 中工作

javascript - Firebase 查询从 Node 返回空对象,但不返回 API

c - 我所有使用指针的函数的警告消息。应为 'int*' 但参数的类型为 'int (*)[10]'

php - "Notice: Undefined variable"、 "Notice: Undefined index"、 "Warning: Undefined array key"和 "Notice: Undefined offset"使用 PHP

java - 添加计时器并设置大小到 viewpager

reactjs - eager-slider 不适用于 next.js

javascript - 当到达较小的断点时, slider 导航突然显示

javascript 语义