Dynamic table columns

Possible that I’m being slow (react newbie), but I’m having an issue creating dynamic columns (from other posts, it looks like it’s possible!):

My code is as follows: `

   <BootstrapTable data={this.state.tableData}>

  <TableHeaderColumn dataField="location" dataSort={true}
              isKey={true}>Location</TableHeaderColumn>
   {
             this.state.tableColumns.map(function (elem, index) {
             return <TableHeaderColumn dataField={period} key={index} dataSort={true}>{periodtxt}        
   </TableHeaderColumn>
     })
 }


 </BootstrapTable>

` However, this gives me a “Cannot read property ‘dataField’ of undefined” - it appears the child doesn’t have any props.

Any ideas what I’m doing wrong?

Thanks!

[adamtay82]

That did the trick - thanks @AllenFang and @rpastorelle !

[AllenFang]

thanks your repsponse @rpastorelle, and @adamtay82 you can check this issue, it’s absolutely same as yours