通过对象React映射[重复]答案

【问题标题】：Map through object React [duplicate]通过对象React映射[重复]
【发布时间】：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

标签： javascript reactjs

【解决方案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>
)

【讨论】：