Another simple component example

Foo.js

import React from 'react';

export function Foo() {
    return <div>
        <div className="fooClass">
            <Bar className="someCustomClass" />
        </div>
    </div>;
}

export function Bar(props) {
    return <div>
        <div className="barClass">
            <Baz {...props} />
        </div>
    </div>;
}

export function Baz(props) {
    return <div>
        <div {...props}>
            <h1>Baz is rendered</h1>
        </div>
    </div>;
}