我正在尝试从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>