Create a table from JSON completely dynamically

Question

I want to create entire table from a JSON array include dynamic ths, so a decoupled the head part to:

import React from \'react\';
import TableDataT         


        

Answer 1

You need to access the table data using key name as

let rows = this.props.tableData.map((currElement, index) => {
      return (
      
          { Object.keys(currElement).map((item) =>
          (
            {currElement[item]}
     )
       )}
         
      )
    });