React Base Fiddle (JSX)

Starting point for creating JSFiddles with React.

HTML

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div id="app">

</div>

CSS

table{
  width: 100%;
  
}
table td {
  border: 1px solid black;
}

Babel + JSX

const Table = (props) => (
<div>
  <p>Your Table</p>
  <table>
  <tbody>
    {props.data.map((x,i) => <Row key={i} data={x} />) }
  </tbody>
  </table>
</div>
)

const Row = (props:any) => (
  <tr>
      <td>{props.data[0]}</td>
      <td>{props.data[1]}</td>
      <td>{props.data[2]}</td>
    </tr>
)

//test data
let rows = [ 
['1', '2', '3'],
['4', '5', '6'],
['7', '8', '9']
]


ReactDOM.render(<Table data={rows}/>,  document.getElementById('app'));