通过对象映射[重复]

Question

我正在从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>
        )
      })

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

我做错了什么？

Answer 1

js prettyprint-override">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))

Answer 2

我想对象上没有.map函数。

尝试使用Object.entries，它返回可映射数组：

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