title: How do i call a method within another method in react class Es6
body: <p>So what i'm basically trying to do is simple</p>
  
  <pre><code>class Something extends React.Component {
  
  validateEmail () {
  //code that validates email,innerHTML a div.status element if error occurs
  this.removeStatus();//then remove status onkeydown of input element
   }
  
  removeStatus () {
  //code that removes the status onkeydown of input element
  
   }
  }
  </code></pre>
  
  <p>for some reason it's not working. in my javascript console (chrome)
  i'm getting this</p>
  
  <pre><code>login.js:132Uncaught TypeError: this.removeStatus is not a function
  </code></pre>
  
  <p>Edit 1: I've added the actual code, as you can see i'm binding validateEmail in the constructor </p>
  
  <pre><code>class Email extends React.Component {
  constructor(props) {
        super(props);
        this.change = this.change.bind(this);
        this.validateEmail = this.validateEmail.bind(this);
        this.state = {
          value : ''
        }
      }
  removeStatus() {
  $('input').on('keydown',function () {
      $('.contextual-info').fadeOut();
  });
  }
  
   validateEmail(event) {
  event.preventDefault();
  var token = $('#token').val();
  var email_regex=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
  if ($.trim(this.state.value)  !== "") {
      if (email_regex.test(this.state.value)) {
          $.ajax({
              url:'/login',
              type:'post',
              data:{email:this.state.value,_token:token},
              success: function (response) {
              if (response) {
                  $('#email').remove();
                  $('.btn').remove();
                  $('#status').html('');
                  ReactDOM.render(&lt;Password /&gt; ,document.getElementById('login-dialogue'));
                  $('input[type="password"]').focus();
                  }  else {
                  $('input#email').addClass('input-context');
                  if($('#status').html('&lt;div class="bg-danger contextual-info wrong"&gt;Email Address Not Found!&lt;/p&gt;')){
                      this.removeStatus();
                      }
                  }
              }
          });
      } else {
      if($('#status').html('&lt;div class="bg-danger contextual-info wrong"&gt;Invalid Email Address&lt;/div&gt;')){
          this.removeStatus();
      }
      }
  } else {
      if($('#status').html('&lt;div class="bg-danger contextual-info wrong"&gt;Can\'t submit an empty field!&lt;/div&gt;')){
          this.removeStatus();
      }
  }
  }
  change (event) {
  this.setState({
      value : event.target.value
      });
  }
  
  render(){
      return(
          &lt;div className="login-dialogue" id="login-dialogue"&gt;
          &lt;h1 className="text-center"&gt;Log in&lt;/h1&gt;
          &lt;div id="status"&gt;&lt;/div&gt;
          &lt;form action="" onSubmit={this.validateEmail} id="validateEmail"&gt;
          &lt;input type="email" id="email" value={this.state.value} placeholder="Email Address" onChange={this.change} /&gt;
          &lt;button type="submit" className="btn btn-flat btn-wide teal white-text"&gt;Continue&lt;/button&gt;
          &lt;/form&gt;
          &lt;/div&gt;
          );
  }
  
  }
   ReactDOM.render(&lt;Email /&gt; ,document.getElementById('flex-me'));
  </code></pre>