title: React- How to prevent activating all icons on 1 click
body: <p>How to prevent activating all icons on 1 click?</p>
  <pre><code>import React, { useState} from 'react'
  import { FaPlus, FaMinus} from 'react-icons/fa'
  
  function App2() {
      const [click, setClick] = useState(false)
  
      function handleClick() {
          setClick(!click)
      }
      return (
          &lt;&gt;
              &lt;div onClick={ handleClick}&gt;
                  {click ? &lt;FaPlus /&gt; : &lt;FaMinus /&gt;}
                  {click ? &lt;FaPlus /&gt; : &lt;FaMinus /&gt;}
                  {click ? &lt;FaPlus /&gt; : &lt;FaMinus /&gt;}
                  { click ? &lt;FaPlus/&gt; : &lt;FaMinus/&gt;}
              &lt;/div&gt;
          &lt;/&gt;
      )
  }
  
  export default App2
  </code></pre>