从API设置选择选项的选项

Posted 2021-03-28

我正在尝试从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标签中的首字母用于蚂蚁设计

答案

您必须迭代数组并按原样呈现它。像这样：

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