React

Simple Component

by Scott Vandervort

HTML

<div id="app"></div>

CSS

h3 {
  font-weight: bold;
  
}

h3, p {
  margin-bottom:.5em;
}

React

function Simple ( props ) {
    return (
        <div>
            <h3>Simple Component</h3>            
            <p>The most simple example of a component - is a function. Props is sent in from parent.</p>
            <p>{props.myProp}</p>
        </div>
    );
}

ReactDOM.render(<Simple myProp="Hello World"/>, document.querySelector("#app"))