<div id="root">
  <!-- Element 들어갈 부분 -->
</div>
const root = document.getElementById("root");

let counter = 0;
function countUp() {
  counter = counter +1;
  
  render();
}
function render() {
  ReactDOM.render(<Container />, root);
}

const Container = () => (
  <div>
    <h3>Total clicks: {counter}</h3>
    <button onClick={countUp}>Click me</button>
  </div>
);

render();
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://unpkg.com/react/umd/react.development.js
  2. https://unpkg.com/react-dom/umd/react-dom.development.js