<div id="root"></div>
import React,{useState,useEffect} from 'https://esm.sh/react@18.2.0'
import ReactDOM from 'https://esm.sh/react-dom@18.2.0'


function MyComponent(){
  const [count,setCount]=useState(0);
  useEffect(()=>{
    document.querySelector('h1').innerText=count
  },[count])
    return(
      <>
        <h1></h1>
      <button onClick={()=>setCount(count+1)}>+</button>
      </>
    )
  
}



ReactDOM.render(<MyComponent/>,document.getElementById('root'));
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.