Question

以下代码发出API请求并显示接收到的所有索引，这是JSON响应。

代替呈现列表，我需要输出从服务器响应获得的单个数据数组索引：

im2arr = img.reshape((1, 28, 28))

Answer 1

我假设您要显示从服务器接收到的项目列表中与特定索引相对应的项目。您可以按照以下方式进行操作：

<div class = "mypanel" > 
currency: { this.state.data[index].ccy} exchange: {
            this.state.data[index].buy
          } < /div>

其中“索引”是您要显示的索引值。

Answer 2

如果要根据某些条件仅显示某些项目，则可以使用数组中的过滤器功能，如下所示过滤项目。

this.state.data.filter(item=>{
   return item.buy=== "buy"?true:false;
}).map((item) => {
          return <div class = "mypanel" > currency: {
            item.ccy
          }
          exchange: {
            item.buy
          } < /div>
})

如果只想显示某些项目，则可以使用for循环或forEach并仅获取不需要的项目。您可以编写一个单独的函数并按如下所示进行调用。

function ShowSome(noOfItemsToTake){
      const items = [];
      const data = this.state.data; 
      const noOfItems=  noOfItemsToTake< data.length?noOfItemsToTake:data.length; 

          for (let i=0; i<noOfItems;i++)
          {
            items.push(  
              <div class = "mypanel" > currency: {
                data[i].ccy
              }
              exchange: {
                data[i].buy
              } < /div>) 
          }
     return items;  
}




render() {
    //Showing first 5   
    return this.ShowSome(5);
 }

如何在React中获取的数据中输出数组索引

2 个答案: