<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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.