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

【问题标题】：A function is not returning, but console.log is showing the content函数未返回，但 console.log 显示内容
【发布时间】：2021-01-11 14:08:51
【问题描述】：

我正在制作一个函数，它将呈现每期的费用信息（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>
      )
   })
}

【问题讨论】：

没有返回是什么意思？确定没有 return 语句，但这意味着它返回 undefined
您能否在控制台记录您收到退货的位置。看看它到底返回了什么？它说什么？

标签： javascript reactjs ecmascript-6 jsx

【解决方案1】：

您的顶级函数 (returnInstallmentsWithFee) 没有返回值；
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>
        )
      })
    }

【讨论】：

2大错误，感谢帮助！需要再等6分钟才能选择正确答案，但现在我可以睡觉了，真的，谢谢！