title: [React/JSX]: Remove CSS classes on sibling components, when the current component is clicked
body: <p>I'm building a navigation bar with React. The Navigation bar has various navigation items. When one of the navigation items is clicked, the class 'active' has to be added to the clicked item (this part is easily achievable with a new state tracking if it's active). </p>
  
  <p>However when the 'active' class is added to one of the navigation items, the active class has to be removed from any other navigation items currently having it. This is straightforward with jQuery, but I'm guessing thats not the React best practice. What's the ideal way to remove the 'active' class from the sibling navigation items?</p>