React not draw <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への参照が必要な場合にのみこれを行う必要があり、関数が呼び出されたときに元の値が有効範囲に含まれなくなります。この場合、どちらの条件も真ではありません。

また、一般的なアドバイスとして、コードのスペルとケーシングの整合性に注意してください：