React Fragment (Table Component)

Table.js

import React from 'react';
import TableColumns from './TableColumns';

const teachers = [
    { id: 1, name: 'Abhishek', subject: 'React' },
    { id: 2, name: 'Aakash', subject: 'JavaScript' }
]


const Table = () => (
    <table>
        {
            teachers.map(teacher => <tr>
                <TableColumns 
                    key={teacher.id.toString()} 
                    name={teacher.name} 
                    subject={teacher.subject}/>
            </tr>
            )
        }
    </table>
);

export default Table;