Binding namespaced methods.

binding_namespaced_methods.js

/* general way of writing a this bound method */
class SampleComponent extends React.Component {
  method = () => {
    let props = this.props; // props can be accessed
  }
}
​
/* binding namespaced methods */
​
// Doesnt Work
class SampleComponent extends React.Component {
  nameSpace = {
    method = () => {
      let props = this.props; // this.props is undefined
    }
  }
}
​
// Works - whitebox way(preferred):
class SampleComponent extends React.Component {
  nameSpace = (() => ({
    method: () => {
      let props = this.props;  // props can be accessed and its is visible by the arrow function that this is bound.
    }
  }))()
}

// Works - blackbox way:
class SampleComponent extends React.Component {
  nameSpace = {
    method() {
      let props = this.props; 
    }
  };
  componentWillMount() {
    this.nameSpace.method.bind(this);
  }
}