javascript - 在 React 中遍历 JSON 对象中的多个数组
问题描述
我一直试图在我的 JSON 对象中返回第一个数组的第一个对象,但我遇到了一些麻烦。
我想在标签中返回第一个“维生素”的名称,即“维生素 B2”。
这是我的 JSON 对象
{
"nutrients": {
"vitamins": [{
"name": "Vitamin B2",
"current": "1.7"
},
{
"name": "Vitamin B6",
"current": "10.9"
}],
"minerals": [{
"name": "Zinc",
"current": "1.7"
}]
}
}
这是我的代码试图映射它
import nutrients from '../../vitamins.json';
renderData() {
return Object.keys(nutrients).map((nutrient, index) => {
console.log('it works', nutrient[0].name, index);
return (
<option value="" key={index}>{nutrient[0].name}</option>
)
}
)}
解决方案
var a ={
"nutrients": {
"vitamins": [{
"name": "Vitamin B2",
"current": "1.7"
},
{
"name": "Vitamin B6",
"current": "10.9"
}],
"minerals": [{
"name": "Zinc",
"current": "1.7"
}]
}
}
console.log(a.nutrients['vitamins'][0].name)
推荐阅读
- python - 为什么我的 list.append 没有永久添加我的项目?
- javascript - 反应原生元素复选框
- python - 如何在python中逐个字符地将字符串与列表中的项目进行比较
- swift - 进度条不会异步更改
- javascript - 在 Vue.js 中接收到 firebase 数据后调用函数
- c# - 如果方法当前正在运行,则设置属性
- android - ?attr/colorPrimary 在可绘制结果中没有颜色棒棒糖
- html - 使用 css 在悬停选择器(图像标签)上显示多个 div
- docker - 使用 GMSA 通过 Docker IIS 进行 Windows 身份验证
- javascript - Js在隐藏/显示tr时单独打印第一行