如何在对象数组上使用map
如何在对象数组上使用map
提问于 2019-04-11 10:49:23
在React中将此数据设置为listData状态：
[
{
"Key": "Anchorage TAC 82.tif",
"LastModified": "2019-04-07T03:25:51.000Z",
"ETag": "\"9f904f2219d1edf3fa39b171c98de924-6\"",
"Size": 28135199,
"StorageClass": "STANDARD"
},
{
"Key": "CSA-L01.pdf",
"LastModified": "2019-04-07T03:25:36.000Z",
"ETag": "\"90f166238ae6b1f64120e984be743ba4\"",
"Size": 3406742,
"StorageClass": "STANDARD"
}
]如何将键值映射到下拉列表中。我试过了：
<select>
<option>Please select a file:</option>
{Object.keys(this.state.listData).map(val =>
<option value={val.Key}>{val.Key}</option>) }
</select>但它不起作用。我得到了一个空白的下拉列表。
回答 1
Stack Overflow用户
发布于 2019-04-11 10:50:57
listData是一个数组，Object.keys(this.state.listData)将返回索引数组[0,1,2..]
.You需要删除Object.keys()并直接在listData上应用map()
<select>
<option>Please select a file:</option>
{
this.state.listData.map(val =>(
<option value={val.Key}>{val.Key}</option>
)
}
</select>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55623950
复制相关文章
相似问题
腾讯云开发者
