javascript - 从 API 设置选择选项的选项

Question

我正在尝试从 API 读取我的选项，因此我创建了一个 Const InputResponse，如下所示:

const inputResponse = [
{
    key: 'news',
    value: "news",
    datagrid:{
        w:2,
        h:9,
        x:0,
        y:0,
        minW:2,
        minH:5
    }
},
{
    key: 'clock',
    value: "clock",
    datagrid:{
        w:2,
        h:5,
        x:5,
        y:0,
        minW:2,
        minH:5
    }
 }
]

但我不知道如何影响我的选择选项

 <Select defaultValue="" style={{ width: 120 }} onChange={this.handleChange} >
                            <Option value="Clock" className="options">Clock</Option>
                            <Option value="News" className="options">News</Option>
                            <Option value="Yiminghe" className="options">yiminghe</Option>
                        </Select>

jsx标签中的大写字母是ant设计的

Answer 1

您必须迭代该数组并按原样渲染它。像这样:

 <Select style={{ width: 120 }} onChange={this.handleChange}>
  {
    this.inputResponse.map((item) => {
      return <Option value={item} key={item.key} className="options">{item.value}</Option>
    })
  }
 </Select>