按特定ID过滤数据以在ReactJS中显示

我想选择与此特定ID匹配的数据。我已经做了一个API调用，它给了我这个JSON数据，但我只想要ID为eb9fa7e9-3dc9-11e6-a9f9-28e347的数据。我如何过滤这些数据？按特定ID过滤数据以在ReactJS中显示

 [ 
      { 
      "food_item_id": "a095eca7-3dcf-11e6-a9f9-28e347", 
      "food_group_id": "eb9fa7e9-3dc9-11e6-a9f9-28e347", 
      "food_item_name": "Don't know jack" 
      }, 
      { 
      "food_item_id": "a09b073d-3dcf-11e6-a9f9-28e347", 
      "food_group_id": "ebaeef2c-3dc9-11e6-a9f9-28e347", 
      "food_item_name": "Oreo cookie monster" 
      }, 
      { 
     "food_item_id": "a180332e-3dcf-11e6-a9f9-28e347", 
     "food_group_id": "ab9fa7e9-3dc9-11e6-a9f9-69e8124", 
     "food_item_name": "Big Country"     
     } 
     ]

如何通过"food_group_id": "eb9fa7e9-3dc9-11e6-a9f9-28e347"过滤：

var canvases = this.state.foodinfo.map(function(data) { 
     return (
      <div> 
      <Card className="col-xs-12 col-sm-4 eachCard"> 
      <CardImg top width="100%" src={data.food_item_pic} alt="Card image cap" /> 
      <CardBlock className="cardBlock"> 
       <CardTitle>{data.food_item_name}</CardTitle> 
       <CardSubtitle>${data.food_item_price}</CardSubtitle> 
       <span class="glyphicon glyphicon-plus-sign btnClass"></span> 
      </CardBlock> 
      </Card> 
      </div> 
     ); 
     });

我map前添加一个过滤器，但我对数组的项目得到一个错误：

var canvases = this.state.foodinfo.filter(item => food_group_id=== 'eb9fa7e9-3dc9-11e6-a9f9-28e347').map(function(data) { 
      return (
       <div> 
       <Card className="col-xs-12 col-sm-4 eachCard"> 
       <CardImg top width="100%" src={data.food_item_pic} alt="Card image cap" /> 
       <CardBlock className="cardBlock"> 
        <CardTitle>{data.food_item_name}</CardTitle> 
        <CardSubtitle>${data.food_item_price}</CardSubtitle> 
        <span class="glyphicon glyphicon-plus-sign btnClass"></span> 
       </CardBlock> 
       </Card> 
       </div> 
      ); 
      });

来源

2016-11-25 Sidhemu

'.filter（item => item.food_group_id ==='...'）.map' – pawel

应该”它是filter(item => item.food_group_id ===？

来源

2016-11-25 13:22:28 vwrobel

非常感谢你的工作 – Sidhemu

按特定ID过滤数据以在ReactJS中显示

回答

相关问题