React <th> 루프에서 렌더링되지 않습니다

Question

태그 이름 아래의 제품 및 제품이 렌더링되지만 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 발신자에게 아무 것도 반환하지 않습니다. 당신은 map 대신 사용한다 : 여기 this을 결합 할 필요가 없다는 것을

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

참고. this에 대한 참조가 필요한 경우에만이 작업을 수행해야하며 함수가 호출 될 때 원래 값은 더 이상 범위에 포함되지 않습니다. 이 경우 해당 조건 모두에 해당하지 않습니다.

또한 일반적인 조언으로 맞춤법 및 코드의 일관성을 유지하십시오.