我试图在React js中创建我的第一个项目,我需要一些选择选项的帮助。所以,我有这个JSON数据文件:
{
"users": [
{
"id": "1",
"name": "Anton Tur",
"username": "nosensejk"
},
{
"id": "2",
"name": "Peggy Sonaya",
"username": "Peggaya"
},
{
"id": "3",
"name": "Joseph Maguire",
"username": "Joemag"
}
],
"transports": [
{
"id": "T1",
"name": "MAZ 2105",
"type": "bus"
},
{
"id": "T2",
"name": "MAZ 2106",
"type": "bus"
},
{
"id": "T3",
"name": "MAZ 2205",
"type": "trolleybus"
},
{
"id": "T4",
"name": "MAZ 2307",
"type": "tram",
}
]
}
谁能告诉我使用选择字段来显示(例如)用户名的最简单方法?先谢谢你。
下面是我的JS文件中的一些代码
import React from 'react';
import db from './../../node_modules/server/db.json';
function calculate(){
return(
<div>
<select>
<option value="choose" disabled selected="selected">
-- Select user --
</option>
{db.users.name}
</select>
</div>
);
}
export default calculate;
1条答案
按热度按时间00jrzges1#
请记住,组件名称应以大写字母开头,例如Calculate