React useEffect Demo

index.html

<div id="root">

react-useeffect-demo.markdown

React useEffect Demo

A Pen by arvi9 on CodePen.

License.

script.babel

const App = () =>{
  const [count, setCount] = React.useState(0);
  // Similar to componentDidMount and componentDidUpdate:
  React.useEffect(() => {
    // Update the document title using the browser API
    document.title = `You clicked ${count} times`;
    console.log(`You clicked ${count} times`);
  });
  return <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
};

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

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.13.1/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.13.1/umd/react-dom.production.min.js"></script>

React useEffect Demo