table.jsx

const Table = props => (
  <table>
    <thead>
      <tr>
        {props.headers.map(header => <th>{header}</th>)}
      </tr>
    </thead>
    <tbody>
      {props.data.map(row => (
        <tr>
         {row.map((column, colIndex) => (
           <td data-th={props.headers[colIndex]}>{column}</td>
         ))}
        </tr>
       ))}
    </tbody>
  </table>
);

const headers = ['Name', <div><Icon /> Address</div>, 'Age'];
const data = [
  ['Eric', 'Street 1', 18],
  ['Erica', 'Street 2', 28],
];

ReactDOM.render(<Table headers={headers} data={data} />, someEl);