Material-UI React.js, Is there a way to have an onClick event for both a ListItem, and the ListItem's Avatar?
<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>