title: How to Put Routerlink in IconButton in ReactJS
body: <p>How can i put the routerlink in reactjs button?</p>
  
  <p>I tried these two below: the first one changes the color while the second one, i don't like it since it is reloading the page.</p>
  
  <p><strong>FIRST</strong></p>
  
  <pre><code>&lt;Link to="/settings"&gt;
      &lt;IconButton color="inherit"&gt;
          &lt;SettingsIcon /&gt;
      &lt;/IconButton&gt;
  &lt;/Link&gt;
  </code></pre>
  
  <p><strong>SECOND</strong></p>
  
  <pre><code>&lt;IconButton color="inherit" href="/settings"&gt;
      &lt;SettingsIcon /&gt;
   &lt;/IconButton&gt;
  </code></pre>