函数未返回，但 console.log 显示内容

Question

我正在制作一个函数，它将呈现每一期的费用信息（key 等于 installment1，card[1][key] 是值，就像一个浮点数 2.5），但我的函数没有返回！ console.log 运行良好，任何人都可以给我一个见解？！

export function returnInstallmentsWithFee(card, fee) {
   Object.keys(card[1]).forEach(function (key) {
      console.log('test', key, card[1][key])
      return (
        <div>
          {key}:{card[1][key]}
         </div>
      )
   })
}

Answer 1

1. 您的顶级函数 ( returnInstallmentsWithFee ) 没有返回值；
2. forEach不返回任何内容，您可能需要使用.map()

export function returnInstallmentsWithFee(card, fee) {
      return Object.keys(card[1]).map(function (key) {
        console.log('test', key, card[1][key])
        return (
          <div>
            {key}:{card[1][key]}
          </div>
        )
      })
    }