<main>
</main>
function Hello(props) {
  return <p>
    Hello: {props.name}
  </p>
}

Hello.propTypes = { name: React.PropTypes.string };
Hello.defaultProps = { name: "Guest" };

class App extends React.Component {
  render() {
    return (<div>
        <Hello name="ynon" />
        <Hello />
        <Hello />
      </div>);
  }
}

ReactDOM.render(<App />, document.querySelector('main'));

View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://fb.me/react-15.1.0.min.js
  2. https://fb.me/react-dom-15.1.0.min.js