How to reset the form after async call

[cjroebuck]

Say I have a login form that submits credentials to my api server. I don't want to call this.reset() in the components submit handler because I'm not sure yet whether the user logged in successfully.

So my form component listens on something like auth.isLoggedIn from global state and in componentWillReceiveProps I check the value of this prop. If nextProps.isLoggedIn is true, I redirect and now I want to reset the form. The trouble is, resetting the form within componentWillReceiveProps leads to an infinite loop. So the question I have is where is the best place to call reset without getting into this issue?!

Thanks!

[Gazler]

I did something like:

    dispatch({
      type: types.CREATE_POST_SUCCESS,
      post: res.body
    });
    dispatch({
      type: "REDUX_FORM_RESET"
      form: "newPostForm"
    });

I'm not sure if the constants are exported anywhere to prevent using the string directly.

[erikras]

The actions are exported now.

import {reset} from 'redux-form';
...
dispatch(reset('myForm'));

[tnguyen14]

In the reducer, how would the resetForm method be called?

[tnguyen14]

Oh, I just realized that just dispatching the reset action is sufficient, I don't have to call resetForm manually.

[erikahazle]

I'm dispatching reset('myForm'), which successfully resets all of the text input fields but not the files input field. Do I need to do something in particular to reset that?

[abdalla]

the textarea component is not being clean using dispatch(reset('myform')) :(

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.