title: Use click handler to change color of button when there are multiple buttons using the same function
body: <p>I have three buttons using the same click handler. - My desire is to only change the color of one button when clicked.</p>
  <p>If another button is clicked I want the previously clicked button to go back to the color 'blue' (original state).</p>
  <p>Example code below:</p>
  <pre><code>import React, { useState } from 'react';
  
  export default function App() {
      const [state, setState] = useState({
          name: 'bob',
          color: 'blue',
      });
  
      const handleColor = (e) =&gt; {
          setState((state) =&gt; ({
              ...state,
              color: 'red',
          }));
      };
  
  
      return (
          &lt;div&gt;
           &lt;button style={{ backgroundColor: state.color }} onClick={handleColor}&gt;Click Me&lt;/button&gt;
           &lt;button style={{ backgroundColor: state.color }} onClick={handleColor}&gt;Click Me 2&lt;/button&gt;
           &lt;button style={{ backgroundColor: state.color }} onClick={handleColor}&gt;Click Me 3&lt;/button&gt;
          &lt;/div&gt;
      );
  }
  </code></pre>