通过对象React映射[重复]

Posted 2023-02-22

【中文标题】通过对象React映射[重复]

【英文标题】：Map through object React [duplicate]

【发布时间】：2021-05-19 16:35:46

【问题描述】：

我在 React 中从外部 api 接收数据

我有一个对象

lend_rates = 
bitfinex : 1.2,
blockfi : 2.3,
celsius : 3,
coinlist : 1.5

我正在尝试通过它进行映射，以便我可以渲染数据，即它显示在屏幕上“bitfinex：1.2，blockfi：2.3，等等”

  metrics.lend_rates.map((rate, i)=>
        return(
          <div key=i>
            rate.key : rate.value
          </div>
        )
      )

但我遇到了一个错误，说它不是函数。

我做错了什么？

【问题讨论】：

什么是指标？

使对象成为要渲染的数组

metrics 是一个对象，该对象会为它的一部分进行 lend_rates

【参考方案1】：

const lend_rates = 
bitfinex : 1.2,
blockfi : 2.3,
celsius : 3,
coinlist : 1.5


const lend_rates_arr = Object.keys(lend_rates);


const newArr = lend_rates_arr.map((rate, idx) =>  
  return  label: [rate], value: Object.values(lend_rates)[idx] 
)

console.log(newArr);

newArr.map(item => console.log(item.label))

【参考方案2】：

我猜Objects 上没有.map 函数。

尝试使用Object.entries，它返回一个可映射的数组，而不是：

Object.entries(lend_rates).map(([ key, value ], i) => 
  <div key=i>
    key : value
  </div>
)