title: this.props is undefined inside click event
body: <p>Hi I have the following react component.</p>
  
  <pre><code>import React from 'react';
  import PropTypes from 'prop-types';
  import classNames from 'classnames';
  
  const propTypes = {
      /*
       * Used to extend default object classes
       */
      classes : PropTypes.object,
  
      /*
       * Click event handler
       */
      onClick : PropTypes.func,
  
      /*
       * Delete event handler
       */
      onRequestDelete : PropTypes.func,
  
      /*
       * This property will contain label text
       */
      label : PropTypes.string
  }
  
  class Chip extends React.Component{
  
      constructor(props){
          super(props);
          this.onClick = this.onClick.bind(this);
      }
  
      onClick(e) {
          if (this.props.disabled) {
            e.preventDefault();
            return;
          }
  
          if (this.props.onClick) {
            this.props.onClick(e);
          }
      }
  
      handleDeleteIconClick(e){
          e.stopPropagation();
  
          if (this.props.onRequestDelete) {
            this.props.onRequestDelete(event);
          }
      };
  
      render(){
  
          let defaultClasses = 'chips chips-rounded';
  
          const {
              classes,
              onClick,
              label,
              onRequestDelete,
          } = this.props;
  
          return (
  
              &lt;div
                  className={classNames(classes, defaultClasses)}
                  onClick={onClick}
              &gt;
                  &lt;span className={classes}&gt;{label}&lt;/span&gt;
                  {onRequestDelete ? (&lt;div className="deleteIcon" onClick={ this.handleDeleteIconClick } /&gt;) : ''}
              &lt;/div&gt;
  
          )
      }
  
  }
  
  Chip.PropTypes = propTypes;
  
  export default Chip
  </code></pre>
  
  <p>when I run the component and trigger the <code>handleDeleteIconClick</code> event I get the following error. What am I doing wrong here.</p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'props' of undefined
      at handleDeleteIconClick (1.a0d91201f90f20151e22.hot-update.js:86)
      at HTMLUnknownElement.boundFunc (main.bundle.js:8934)
      at Object.ReactErrorUtils.invokeGuardedCallback (main.bundle.js:8940)
      at executeDispatch (main.bundle.js:8725)
      at Object.executeDispatchesInOrder (main.bundle.js:8748)
      at executeDispatchesAndRelease (main.bundle.js:5786)
      at executeDispatchesAndReleaseTopLevel (main.bundle.js:5797)
      at Array.forEach (&lt;anonymous&gt;)
      at forEachAccumulated (main.bundle.js:13425)
      at Object.processEventQueue (main.bundle.js:5997)
  </code></pre>