Question

因此，我具有此功能，可以创建从1到10的选项按钮的递增列表，并且想知道是否有人知道如何清除我现有的代码。我希望可以采用一种更简单的方法。

// create array of length staring from 1 to 10
const years = 10
const terms = Array.from(new Array(years),(val,index)=>index+1);
console.log(terms)
// map option number to tag with label
const properTags = terms.map( (term,index) => {
  return <option value ={term}>
  {term}
  {term === 1 ? "Year" : " Years"}
  </option>
})

期望输出的下拉列表，范围为1年到10年

Answer 1

也许这就是您要实现的目标？

new Array将创建一个长度为年的数组，然后您需要用一些东西填充它，以便可以对其进行迭代，但实际上您只是在使用索引来填充输出？

function makeYears(years) {
  return new Array(years).fill(0).map((year,index) => {
    return '<option value="'+( index+1 ) + ( index == 0 ? "year" : "years" )+'">'
  })
}

console.log(makeYears(10));

简化增量选项组件渲染

1 个答案: