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

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