React bootstrap table data is not displaying while using "map" function to create dynamically

[mohan-subbu]

Hi there, I have the following code : constructor(props) { super(props); this.state = { tableData: [ { "friendlyName": "John", "platform": "IOS", "userName": "John Fedrick", "enrollment": "true", "compliant": "true", "lastSeen": "2018-08-04" }, { "friendlyName": "John", "platform": "IOS", "userName": "John Fedrick", "enrollment": "true", "compliant": "true", "lastSeen": "2018-08-04" } ] }; }

and in render method : const columns = ["Friendly Name", "Platform", "User Name", "Enrollment Status", "Compliant Status", "Last Seen"];

{columns.map(column => {column} )}

There was no error in the console. I was able to get the column headings in the table but table body is empty with empty rows.

Any of u can pls help me on this??

Thanks in advance