Reset Without Clearing syncErrors
I am working on a React-Native app that uses React-Navigation where I need to clear a redux-form when it's navigated away from, so the form is like new when navigated back to.
With React-Navigation, the component does not unmount so the form is not destroyed and created again when navigating back to it.
I am using this.props.reset('formname') which clears the form when navigating away, however this removes all of my validations stored in syncErrors. When I return to the screen and click the submit button, it does not produce any validation errors due to syncErrors not being kept.
What is the proper way to reset a redux-form and return it like new without clearing syncErrors (keeping validations)?
reactjs react-native redux react-navigation redux-form
edited Nov 19 at 21:38
isherwood
36.5k1081111
asked Nov 19 at 20:34
MikeATL
61
add a comment |
I am working on a React-Native app that uses React-Navigation where I need to clear a redux-form when it's navigated away from, so the form is like new when navigated back to.
With React-Navigation, the component does not unmount so the form is not destroyed and created again when navigating back to it.
I am using this.props.reset('formname') which clears the form when navigating away, however this removes all of my validations stored in syncErrors. When I return to the screen and click the submit button, it does not produce any validation errors due to syncErrors not being kept.
What is the proper way to reset a redux-form and return it like new without clearing syncErrors (keeping validations)?
reactjs react-native redux react-navigation redux-form
edited Nov 19 at 21:38
isherwood
36.5k1081111
asked Nov 19 at 20:34
MikeATL
61
it depends on how you are mounting and unmounting your form component. when you are navigating away from it, you should completely removed it from dome ( not just hide it)
– m-farhan
Nov 19 at 21:34
Unfortunately with react-navigation for react-native it hides it and does not remove it. In order to remove it I would have to reset the Stack Navigation in react-navigation and that causes other issues (I lose the transition animation for example).
– MikeATL
Nov 19 at 23:11
add a comment |
I am working on a React-Native app that uses React-Navigation where I need to clear a redux-form when it's navigated away from, so the form is like new when navigated back to.
With React-Navigation, the component does not unmount so the form is not destroyed and created again when navigating back to it.
I am using this.props.reset('formname') which clears the form when navigating away, however this removes all of my validations stored in syncErrors. When I return to the screen and click the submit button, it does not produce any validation errors due to syncErrors not being kept.
What is the proper way to reset a redux-form and return it like new without clearing syncErrors (keeping validations)?
reactjs react-native redux react-navigation redux-form
edited Nov 19 at 21:38
isherwood
36.5k1081111
asked Nov 19 at 20:34
MikeATL
61
I am working on a React-Native app that uses React-Navigation where I need to clear a redux-form when it's navigated away from, so the form is like new when navigated back to.
With React-Navigation, the component does not unmount so the form is not destroyed and created again when navigating back to it.
I am using this.props.reset('formname') which clears the form when navigating away, however this removes all of my validations stored in syncErrors. When I return to the screen and click the submit button, it does not produce any validation errors due to syncErrors not being kept.
What is the proper way to reset a redux-form and return it like new without clearing syncErrors (keeping validations)?
reactjs react-native redux react-navigation redux-form
reactjs react-native redux react-navigation redux-form
edited Nov 19 at 21:38
isherwood
36.5k1081111
asked Nov 19 at 20:34
MikeATL
61
edited Nov 19 at 21:38
isherwood
36.5k1081111
asked Nov 19 at 20:34
MikeATL
61
edited Nov 19 at 21:38
isherwood
36.5k1081111
edited Nov 19 at 21:38
isherwood
36.5k1081111
edited Nov 19 at 21:38
isherwood
36.5k1081111
36.5k1081111
asked Nov 19 at 20:34
MikeATL
61
asked Nov 19 at 20:34
MikeATL
61
asked Nov 19 at 20:34
MikeATL
61
61
it depends on how you are mounting and unmounting your form component. when you are navigating away from it, you should completely removed it from dome ( not just hide it)
– m-farhan
Nov 19 at 21:34
Unfortunately with react-navigation for react-native it hides it and does not remove it. In order to remove it I would have to reset the Stack Navigation in react-navigation and that causes other issues (I lose the transition animation for example).
– MikeATL
Nov 19 at 23:11
add a comment |
it depends on how you are mounting and unmounting your form component. when you are navigating away from it, you should completely removed it from dome ( not just hide it)
– m-farhan
Nov 19 at 21:34
Unfortunately with react-navigation for react-native it hides it and does not remove it. In order to remove it I would have to reset the Stack Navigation in react-navigation and that causes other issues (I lose the transition animation for example).
– MikeATL
Nov 19 at 23:11
it depends on how you are mounting and unmounting your form component. when you are navigating away from it, you should completely removed it from dome ( not just hide it)
– m-farhan
Nov 19 at 21:34
it depends on how you are mounting and unmounting your form component. when you are navigating away from it, you should completely removed it from dome ( not just hide it)
– m-farhan
Nov 19 at 21:34
Unfortunately with react-navigation for react-native it hides it and does not remove it. In order to remove it I would have to reset the Stack Navigation in react-navigation and that causes other issues (I lose the transition animation for example).
– MikeATL
Nov 19 at 23:11
Unfortunately with react-navigation for react-native it hides it and does not remove it. In order to remove it I would have to reset the Stack Navigation in react-navigation and that causes other issues (I lose the transition animation for example).
– MikeATL
Nov 19 at 23:11
add a comment |
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
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
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53382234%2freset-without-clearing-syncerrors%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53382234%2freset-without-clearing-syncerrors%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
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
Required, but never shown
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
Required, but never shown
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
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
it depends on how you are mounting and unmounting your form component. when you are navigating away from it, you should completely removed it from dome ( not just hide it)
– m-farhan
Nov 19 at 21:34
Unfortunately with react-navigation for react-native it hides it and does not remove it. In order to remove it I would have to reset the Stack Navigation in react-navigation and that causes other issues (I lose the transition animation for example).
– MikeATL
Nov 19 at 23:11