title: Material-UI React.js, Is there a way to have an onClick event for both a ListItem, and the ListItem's Avatar?
body: <p>I am using the Material UI library, and cannot figure out if there is a way to have 2 different click events happening on a List Item. </p>
  
  <p>This is basically what I have:</p>
  
  <pre><code>    &lt;ListItem
        leftAvatar={
          &lt;div onClick={() =&gt;
            insideAvatarFunction()}
          &gt;
            {&lt;Avatar /&gt;}
          &lt;/div&gt;
        }
        primaryText={primaryText}
        onTouchTap={() =&gt; everywhereClickFunction}
      /&gt;);
  </code></pre>
  
  <p>The onTouchTap triggers, and ignores the onClick inside of the leftAvatar. If the outer onTouchTap is not there, then the onClick triggers fine. </p>
  
  <p>Is there a way to have the onTouchTap to trigger when anywhere BESIDES the avatar is clicked?</p>
  
  <p>Thanks!</p>