Question

标签下的名称和产品被渲染但是没有渲染的循环..但我可以看到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不会向调用者返回任何内容。您应该使用map代替：

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

请注意，此处无需绑定this。只有在需要引用this时才需要执行此操作，并且在调用函数时原始值将不再在范围内。在这种情况下，这些条件都不成立。

另外，作为一般建议，请注意代码中的拼写和套管一致性：）

反应不在循环下渲染

1 个答案: