如果提交通过this.props.smit提交（'formname'）调用onSubmit处理程序的错误

Question

从redux-form提供的action创建者调用时，我在Redux-Form中的onSubmit处理程序出现错误。如果我在里面使用常规按钮，它应该可以正常工作。

import { Field, reduxForm } from 'redux-form'; 

class Property extends Component { 
    constructor(props) { 
     super(props); 

     this.saveOnChange = this.saveOnChange.bind(this); 
     this.handleSubmit = this.handleSubmit.bind(this); 
    } 

    handleSubmit() { 
     console.log('form submitting'); 
    } 

    saveOnChange() { 
     console.log('should auto save'); 
     this.props.dispatch(this.props.submit('propertySettings')); 
    } 

    render() { 
     const { handleSubmit } = this.props; 

     return(
      <form onSubmit={handleSubmit(this.handleSubmit)}> 
       // Stuff goes here 

       <div onClick={this.saveOnChange}>(just for example it is with a div)</div> // <-- Get's errors 
       <button type='submit'>Via button</button> // <-- Work's fine 
      </form> 
     ); 
    } 
} 

经由动作创建者

Answer 1

好像你试图的handleSubmit本地方法绑定到组件的范围，然后把它作为一个呼叫时接收errros对道具的handleSubmit方法的论证。

如果你只是想分配handleSubmit方法窗体的的onsubmit你可以试试这个：从版本终极版形式6.3.x的

import { Field, reduxForm } from 'redux-form'; 

class Property extends Component { 
    constructor(props){ 
    super(props); 
    this.handleSubmit = this.handleSubmit.bind(this); 
    // bind handleSubmit in the constructor, it's more efficient 
    // as it only occurs once per lifetime of a component 
    } 
    handleSubmit() { 
    console.log('form submitting'); 
    } 
    render() { 
    return(
     <form onSubmit= { this.handleSubmit}> // call it here like this 
     // Stuff goes here 
     </form> 
    ); 
    } 
}

Answer 2

更新到6.4.x解决的问题。见release notes。