Test5

index.html

<div id="root"></div>

script.babel

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

function App(){
  return (
    <div>
      <Welcome name="Sara"/>
      <Welcome name="Cahal"/>
      <Welcome name="Edite"/>
    </div>
  );
}

ReactDOM.render(
  <App />,  
  document.getElementById("root")
);

scripts

<script src="https://unpkg.com/react/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom/umd/react-dom.development.js"></script>

test5.markdown

Test5

Learn the fundamentals of React, including simple and class components, state, props, and submitting form data.

Composing Components

A Pen by 你银子掉了 on CodePen.