title: material-ui: Get label from Chip component inside onClick() handler
body: <p>-<em>- Material-UI / React / Redux -</em>- </p>
  
  <p>I have a <code>material-ui</code> table. Inside each <code>&lt;TableRow&gt;</code> there are some <code>&lt;TableCell&gt;</code> components with their own <code>&lt;Chip&gt;</code> components. These <code>&lt;Chip&gt;</code> components are rendering text through the <code>label</code> property. </p>
  
  <p>I need to be able to extract the label inside the <code>onClick</code> handler, which in my case is the <code>chipFilter()</code> function. </p>
  
  <p>I am going to use that label to filter my redux state and return new data for the larger component rendering the table.  </p>
  
  <p><strong>Click Handler</strong></p>
  
  <pre><code>chipFilter = () =&gt; {
       console.log(this)
       console.log(this.props)
       console.log(this.props.label)
  }
  </code></pre>
  
  <p><strong>Component render</strong></p>
  
  <p>Each row that is rendered in the table:</p>
  
  <pre><code>
  &lt;TableRow key={n.id}&gt;    
      &lt;TableCell 
          component="th" 
          align="center"
          scope="row"&gt;
          &lt;Chip 
              label={n.procedure} 
              variant="outlined" 
              color="primary"
              clickable={true}
              onClick={this.chipFilter} /&gt;
      &lt;/TableCell&gt;
  
      &lt;TableCell align="center"&gt;
          &lt;Chip 
              label={n.doctor} 
              variant="outlined" 
              color="primary"
              clickable={true}
              onClick={this.chipFilter} /&gt;
      &lt;/TableCell&gt;
          .
          .
          .
  &lt;/TableRow&gt;
  </code></pre>
  
  <p>Thanks for the help!!</p>