Table component with nested components.

Table.jsx

class Table extends React.Component {

    Head = () => {
        return (
            <div className='head'>
            </div>
        )
    }

    Body = () => {
        return (
            <div className='body'>
                {this.props.items.map((item, index) =>
                    <this.Row key={index} data={item}/>
                )}
            </div>
        )
    }

    Row = ({data}) => {
        return (
            <div className='row'>
                <div className='column'>
                    {data.someProperty}
                </div>
                {/* ...more columns */}
            </div>
        )
    }

    render () {
        return (
            <div className='table'>
                <this.Head />
                <this.Body />
            </div>
        )
    }
}