title: React bootstrap onclick list-group-item highlight the item/ active
body: <p>I have 2 panel with list group on each panel. I am using bootstrap.</p>
  
  <p><strong>Issue:</strong> 
  onclick first list-group-item on panel 1 it changing <code>style = "success"</code>, but when I click on the second list-group-item on panel 1 style change to "success" but not changing the first list-group-item style to default (<code>style = ""</code>).</p>
  
  <p>onclick on list-group-item it should change style or active or change the background color. Highlight the selected item and remove it when click on another item on the respective panel. <br>
  Alternative   <code>&lt;ListGroupItem href="#" active&gt;
  </code></p>
  
  <p>my code: <a href="https://stackblitz.com/edit/react-k8yvpw" rel="nofollow noreferrer">Code</a></p>