title: React - How to change material icon with an onClick event?
body: <p>I'm trying to change the material icon from <strong>add</strong> to <strong>remove</strong> with an on click event in React. To clear up some confusion, this has nothing to do with classes, it's to do with the material icon that actually displays. Add is a plus icon, I need to change it from add to remove, which is a subtract icon.</p>
  
  <pre><code>handleClick() {
      console.log('test');    
  }
  
  render() {
      &lt;div&gt;
          &lt;i className="material-icons mobile" onClick={(e) =&gt; this.handleClick(e)}&gt;add&lt;/i&gt;
      &lt;/div&gt; 
  }
  </code></pre>
  
  <p>The above works console outputs test perfectly fine, I just have no idea how to approach this. Done some research online and can't find anything about this. Could use with some insight or ideas for an approach to this.</p>