Example.jsx

import React, {Component} from 'react';

function Alpha(props) {
    console.log("Alpha props.className", props.className);
    return <strong className="onStrong">Alpha</strong>;
}

function Bravo(props) {
    console.log("Bravo props.className", props.className);
    return <Alpha className="san"/>;
}

function Charlie(props) {
    console.log("Charlie props.className", props.className);
    return <Bravo className="ni"/>;
}

export default class App extends Component {
  render() {
    return (
      // Add your component markup and other subcomponent references here.
      <div>
      <h1>Hello, World!</h1>
      <Charlie className="ichi"/>
      </div>
    );
  }
}