Redux Form Remote Submit and setState Issue
up vote
0
down vote
favorite
I'm following redux form documentation for submitting a form from outside the form component !
The thing is I'm using a Material -ui Stepper so I want my form to be submitted on next click.
handleNext()
if (this.state.activeStep == 0)
this.props.submitForm();
console.log('submitting');
//remove next line dispatch works
this.setState( activeStep: this.state.activeStep + 1 );
The issue is that if I setState inside handleNext the form doesn't get submitted if I remove that line it works perfectly.
The submitForm uses redux form submit to submit the form
function mapDispatchToProps(dispatch)
// Bind an action, which submit the form by its name
return bindActionCreators(
submitForm: () => submit('addproduct')
,
dispatch
);
I can't seem to pin point what is exactly wrong !
reactjs redux redux-form
asked 19 hours ago
safouman
3028
add a comment |
up vote
0
down vote
favorite
I'm following redux form documentation for submitting a form from outside the form component !
The thing is I'm using a Material -ui Stepper so I want my form to be submitted on next click.
handleNext()
if (this.state.activeStep == 0)
this.props.submitForm();
console.log('submitting');
//remove next line dispatch works
this.setState( activeStep: this.state.activeStep + 1 );
The issue is that if I setState inside handleNext the form doesn't get submitted if I remove that line it works perfectly.
The submitForm uses redux form submit to submit the form
function mapDispatchToProps(dispatch)
// Bind an action, which submit the form by its name
return bindActionCreators(
submitForm: () => submit('addproduct')
,
dispatch
);
I can't seem to pin point what is exactly wrong !
reactjs redux redux-form
asked 19 hours ago
safouman
3028
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I'm following redux form documentation for submitting a form from outside the form component !
The thing is I'm using a Material -ui Stepper so I want my form to be submitted on next click.
handleNext()
if (this.state.activeStep == 0)
this.props.submitForm();
console.log('submitting');
//remove next line dispatch works
this.setState( activeStep: this.state.activeStep + 1 );
The issue is that if I setState inside handleNext the form doesn't get submitted if I remove that line it works perfectly.
The submitForm uses redux form submit to submit the form
function mapDispatchToProps(dispatch)
// Bind an action, which submit the form by its name
return bindActionCreators(
submitForm: () => submit('addproduct')
,
dispatch
);
I can't seem to pin point what is exactly wrong !
reactjs redux redux-form
asked 19 hours ago
safouman
3028
I'm following redux form documentation for submitting a form from outside the form component !
The thing is I'm using a Material -ui Stepper so I want my form to be submitted on next click.
handleNext()
if (this.state.activeStep == 0)
this.props.submitForm();
console.log('submitting');
//remove next line dispatch works
this.setState( activeStep: this.state.activeStep + 1 );
The issue is that if I setState inside handleNext the form doesn't get submitted if I remove that line it works perfectly.
The submitForm uses redux form submit to submit the form
function mapDispatchToProps(dispatch)
// Bind an action, which submit the form by its name
return bindActionCreators(
submitForm: () => submit('addproduct')
,
dispatch
);
I can't seem to pin point what is exactly wrong !
reactjs redux redux-form
reactjs redux redux-form
asked 19 hours ago
safouman
3028
asked 19 hours ago
safouman
3028
asked 19 hours ago
safouman
3028
asked 19 hours ago
safouman
3028
asked 19 hours ago
safouman
3028
3028
add a comment |
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53224130%2fredux-form-remote-submit-and-setstate-issue%23new-answer', 'question_page');
);
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
