title: redux-form is refreshing the page onSubmit
body: <p>I have a redux form that when submitted, is causing the entire browser page to refresh which is not desired...</p>
  
  <p>What am I doing wrong here to cause the page to refresh on submit?</p>
  
  <p><strong>Rate.js</strong></p>
  
  <pre><code>import React from 'react';
  import RateForm from '../../components/rate/RateForm';
  
  class Rate extends React.Component {
  
    handleSubmit(data) {
      alert('x')
      console.log('handleSubmit');
      console.log(data);
    }
  
    render() {
  
      const fields = [
            {
              name: 'execution',
              type: 'select',
              options: [
                { label: '5', value: '5' },
              ],
            },
          ]
  
      return (
        &lt;div&gt;
          &lt;RateForm fields={fields} handleSubmit={this.handleSubmit.bind(this)} /&gt;
  
        &lt;/div&gt;
      )
    }
  }
  
  export default Rate;
  </code></pre>
  
  <p><strong>RateForm.js</strong></p>
  
  <pre><code>import React from 'react';
  import { Field, reduxForm } from 'redux-form';
  
  const renderField = ({ input, field }) =&gt; {
    const { type, placeholder } = field
    if (type === 'text' || type === 'email' || type === 'number' || type === 'checkbox') {
      return &lt;input {...input} placeholder={placeholder} type={type} /&gt;
    } else if (type === 'select') {
      const { options } = field
      return (
        &lt;div&gt;
          &lt;label&gt;{field.name}&lt;/label&gt;
          &lt;select name={field.name} onChange={input.onChange}&gt;
            {options.map((option, index) =&gt; {
              return &lt;option key={index} value={option.value}&gt;{option.label}&lt;/option&gt;
            })}
          &lt;/select&gt;
        &lt;/div&gt;
      )
    } else {
      return &lt;div&gt;Type not supported.&lt;/div&gt;
    }
  }
  
  class RateForm extends React.Component {
  
    render() {
      return (
        &lt;form onSubmit={this.props.handleSubmit}&gt;
          {this.props.fields.map(field =&gt; (
            &lt;div key={field.name}&gt;
              &lt;Field
                name={field.name}
                component={renderField}
                field={field}
                /&gt;
            &lt;/div&gt;
          ))}
          &lt;button type="submit"&gt;Submit&lt;/button&gt;
        &lt;/form&gt;
      )
    }
  
  }
  
  RateForm = reduxForm({
    form: 'rateForm'
  })(RateForm);
  
  
  export default RateForm;
  </code></pre>