reactjs - 通过 React 中的嵌套对象进行映射
问题描述
我在其他任何地方都找不到这个,所以我们开始吧。我正在尝试映射嵌套对象并显示值,但我能得到的只是显示的键。
目的:
data = {
objectOne: {
name: "some name",
otherValue: "something else"
},
someValue: "someValue",
someOtherValue: "asdasd",
objectTwo : {
v1 : "v1",
v2 : "v2",
v3 : "v3",
}
}
我的函数循环遍历它:(我只想显示objectOne的内容)
Object.keys(data.objectOne).map(field => <div key={field}>{field}</div>
这将返回name
而otherValue
不是实际值。
我在这里想念什么?
解决方案
Object.keys()
返回对象中键的数组,这解释了为什么只有键被打印出来。尝试Object.values()
改用(ES2017):
Object.values(data.objectOne).map(value => <div key={value}>{value}</div>
或者,您可以坚持Object.keys
使用括号表示法从对象中获取该键的值data.objectOne
:
Object.keys(data.objectOne).map(field => <div key={field}>{data.objectOne[field]}</div>
推荐阅读
- javascript - 在 javascript 中设计 const 变量背后的原理是什么?
- node.js - MongoError 上的应用程序崩溃:E11000 重复键错误收集
- react-test-renderer - 模拟 ref 时无法读取未定义的属性“_ownerDocument”
- javascript - 查找两个数字添加时给出目标数字
- spring-boot - 如何将 Jooq 查询导出到 CSV 文件?
- r - 在R中的矩阵中将行重塑为二维数组的列
- unix - 在 Unix 中合并来自特定行的两个大文件
- solr - 在 solr 中生成两个限制之间的随机数
- xamarin.forms - Xamarin Forms 4.1:ScrollView 滚动覆盖 android 设备 9.0 中的标题视图
- python - AttributeError:“回测”对象没有属性“数据”、Pandas、SMA 交叉