如何从带有下拉列表的json文件中选择类别

时间:2018-09-29 20:53:50

标签: javascript json reactjs object

我正在尝试从json文件中选择一个类别,并使用它来显示该类别的代表值。

{
 "truth": [
   {
     "id": "dd33b9c4-c3ef-11e8-b8dc-8b77bf3680b2",
     "value": "bla bla",
     "category": "funny",
     "appeared": false
   }
  ]
 "dare": [
   {
     "id": "dd33b9c4-c3ef-11e8-b8dc-8b77bf3680b2",
     "value": "bla bla",
     "category": "funny",
     "appeared": false
   }
  ]
 } 

<select>
   <option value={[truth].category}></option>
</select>

感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

您必须像这样在真数组中使用要访问的对象的索引

truth[0].category

答案 1 :(得分:0)

我建议使用Angular或其他库来完成此操作。看一下以下内容: Angular

借助此前端HTTP库,您可以基于HTML构建UI并将其连接到数据模型(在您的情况下为JSON对象)。