reactjs - 反应在循环下不渲染

Question

th 标签下的 name 和 Product 被渲染但循环 for 没有被渲染..但我可以看到 console.nad 中的值没有抛出任何错误......请麻

<tr>
   <th>name</th>
   <th>productID</th>
     {this.state.product[0].customCoulmns.forEach(function (columnhead) {
     console.log("columnhead lolzz ",columnhead.columnName);
     return <th key={columnhead.columnName}>{columnhead.columnName}</th>
        }.bind(this))
  }
     </tr>

Answer 1

forEach不向调用者返回任何内容。您应该使用 amap代替：

this.state.product[0].customCoulmns.map(function (columnHead) {
    return <th key={columnHead.columnName}>{columnHead.columnName}</th>
})

注意这里不需要绑定this。仅当您需要引用时才需要这样做，this并且在调用函数时原始值将不再在范围内。在这种情况下，这些条件都不成立。

此外，作为一般建议，请注意代码中的拼写和大小写一致性:)