title: TypeError: dispatch is not a function
body: <p><strong>I'm getting this error, 'TypeError: dispatch is not a function' what am I doing wrong? I have read the documentation for redux but I can not see that I'm doing something wrong? (Beginner at redux) The fault is in the inputIsValid method</strong></p>
  
  <pre><code>import React from 'react';
  import { connect } from 'react-redux';
  import { validatedAuthInput } from '../actions/index';
  
  class AuthInput extends React.Component {
      constructor(props) {
          super(props);
          this.state = { inputValue: '' };
      }
  
      inputIsValid({ dispatch }, value) {
           dispatch(validatedAuthInput(this.props.type, value));
  
           this.validInput(this.props.type, value);
           return value.includes('@') &amp;&amp; value.length &gt; 4 ? 'success' : 'warning';
      }
  
      handleinput = event =&gt; {
          this.setState({ inputValue: event.target.value });
      };
  
      render() {
          return (
              &lt;FormGroup
                  label={this.props.label}
                  validationState={this.inputIsValid(this.state.inputValue)}&gt;
                  &lt;ControlLabel&gt;{this.props.label}&lt;/ControlLabel&gt;
                  &lt;FormControl
                      type={this.props.type}
                      value={this.state.value}
                      placeholder={this.props.placeholder}
                      onChange={this.handleinput}
                  /&gt;
                  &lt;FormControl.Feedback /&gt;
              &lt;/FormGroup&gt;
          );
      }
  }
  
  export default connect(null)(AuthInput);
  </code></pre>