下面的代码片段如何使用Array在React JS中实现Dropdown

如何解决下面的代码片段如何使用Array在React JS中实现Dropdown

<Select onChange={(e) => setValue(e.target.value)} value={value} labelText="Year">
   <Select.Option value="Last 18 Months">2020</Select.Option>
   <Select.Option value="Last 12 Months">2019</Select.Option>
   <Select.Option value="Last 6 Months">2018</Select.Option>
   <Select.Option value="Last Month">2017</Select.Option>
</Select>

对于给定的代码段，如何使用Array在React JS中实现下拉

解决方法

如果我对您的理解正确，

const values = [
  {
    value: 'Last 18 Months',title: '2020'
  },{
    value: 'Last 12 Months',title: '2019'
  },{
    value: 'Last 6 Months',title: '2018'
  },{
    value: 'Last Month',title: '2017'
  }
]

<Select 
  onChange={(e) => setValue(e.target.value)} 
  value={value} 
  labelText="Year"
>
  {values.map(({ value,title }) => (
    <Select.Option key={value} value={value}>
      {title}
    </Select.Option>
  ))}
</Select>