title: How to add multiple events in one tag?
body: <p>I'm making a counting timer which is described below with this react functional component</p>
  <pre><code>import {useEffect, useState, useRef} from 'react'
  
  function Content() {
     
      const [countdown, setCountdown] = useState(10)
      const [show, setShow] = useState(true)
  
      const ref = useRef()
  
      function handleStart() {
          ref.current = setInterval(() =&gt; {
              setCountdown(prev =&gt; prev - 1)
          }, 1000)
      }
      function handleStop() {
          clearInterval(ref.current)
      }
   
  
      return (
          &lt;div&gt;
              &lt;h2 style={{padding: 20}}&gt;Time remaining: {countdown}&lt;/h2&gt;
              &lt;button onClick={handleStart}&gt;Start&lt;/button&gt;
              &lt;button onClick={handleStop}&gt;Stop&lt;/button&gt;
          &lt;/div&gt;
      )
  
  }
  
  export default Content;
  </code></pre>
  <p>How do I hide these two buttons after clicking one of the two.</p>