反应-forEach（）的结果未定义

Question

我正在尝试从嵌套对象中渲染prop值。我遇到两个问题：  1. JSX代码行（包含变量）未在浏览器中呈现  2.控制台记录包含.forEach（）方法的变量，返回'undefined'

问题：如何访问嵌套的prop值，将它们传递给JSX代码，并在浏览器中呈现？

我的代码的当前状态：

<table class="table-with-grouped-rows groups-of-3">

Answer 1

您的loopThru变量从未分配任何东西，因为forEach()总是返回undefined。您可能打算使用map()，因为这实际上返回了可以渲染的数组。

来自MDN：

  

forEach()对每个数组元素执行一次回调函数；与map()或reduce()不同，它总是返回值undefined并且不可链接。

因此，请这样做：

let loopThru = techDetails.map(function(item) {
  console.log(item);
  return item;
});