Call a function on onClick of OK button in Prompt of React Router
I am using React Router's Prompt to show a prompt if the user is navigating from the page without saving their changes. I want to give the user an option to save or discard the changes they have made in the form.
I can show the prompt but cannot handle the user's click. I cannot save anything if the user clicks on the ok button. I checked the doc and didn't find any way of doing it.
Please help me to solve this issue. Thanks in advance.
reactjs react-router
edited Nov 16 '18 at 7:21
Hardik Virani
1
asked Nov 16 '18 at 7:07
Nagesh KatnaNagesh Katna
417517
add a comment |
I am using React Router's Prompt to show a prompt if the user is navigating from the page without saving their changes. I want to give the user an option to save or discard the changes they have made in the form.
I can show the prompt but cannot handle the user's click. I cannot save anything if the user clicks on the ok button. I checked the doc and didn't find any way of doing it.
Please help me to solve this issue. Thanks in advance.
reactjs react-router
edited Nov 16 '18 at 7:21
Hardik Virani
1
asked Nov 16 '18 at 7:07
Nagesh KatnaNagesh Katna
417517
Prompt only provides a way to show warning to the user. If the use click on OK, he agrees to leave the site with unsaved changes. However for custom changes, you can refer stackoverflow.com/questions/52437195/…
– Shubham Khatri
Nov 16 '18 at 7:19
add a comment |
I am using React Router's Prompt to show a prompt if the user is navigating from the page without saving their changes. I want to give the user an option to save or discard the changes they have made in the form.
I can show the prompt but cannot handle the user's click. I cannot save anything if the user clicks on the ok button. I checked the doc and didn't find any way of doing it.
Please help me to solve this issue. Thanks in advance.
reactjs react-router
edited Nov 16 '18 at 7:21
Hardik Virani
1
asked Nov 16 '18 at 7:07
Nagesh KatnaNagesh Katna
417517
I am using React Router's Prompt to show a prompt if the user is navigating from the page without saving their changes. I want to give the user an option to save or discard the changes they have made in the form.
I can show the prompt but cannot handle the user's click. I cannot save anything if the user clicks on the ok button. I checked the doc and didn't find any way of doing it.
Please help me to solve this issue. Thanks in advance.
reactjs react-router
reactjs react-router
edited Nov 16 '18 at 7:21
Hardik Virani
1
asked Nov 16 '18 at 7:07
Nagesh KatnaNagesh Katna
417517
edited Nov 16 '18 at 7:21
Hardik Virani
1
asked Nov 16 '18 at 7:07
Nagesh KatnaNagesh Katna
417517
edited Nov 16 '18 at 7:21
Hardik Virani
1
edited Nov 16 '18 at 7:21
Hardik Virani
1
edited Nov 16 '18 at 7:21
Hardik Virani
1
1
asked Nov 16 '18 at 7:07
Nagesh KatnaNagesh Katna
417517
asked Nov 16 '18 at 7:07
Nagesh KatnaNagesh Katna
417517
asked Nov 16 '18 at 7:07
Nagesh KatnaNagesh Katna
417517
417517
Prompt only provides a way to show warning to the user. If the use click on OK, he agrees to leave the site with unsaved changes. However for custom changes, you can refer stackoverflow.com/questions/52437195/…
– Shubham Khatri
Nov 16 '18 at 7:19
add a comment |
Prompt only provides a way to show warning to the user. If the use click on OK, he agrees to leave the site with unsaved changes. However for custom changes, you can refer stackoverflow.com/questions/52437195/…
– Shubham Khatri
Nov 16 '18 at 7:19
Prompt only provides a way to show warning to the user. If the use click on OK, he agrees to leave the site with unsaved changes. However for custom changes, you can refer stackoverflow.com/questions/52437195/…
– Shubham Khatri
Nov 16 '18 at 7:19
Prompt only provides a way to show warning to the user. If the use click on OK, he agrees to leave the site with unsaved changes. However for custom changes, you can refer stackoverflow.com/questions/52437195/…
– Shubham Khatri
Nov 16 '18 at 7:19
add a comment |
0
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%2f53333024%2fcall-a-function-on-onclick-of-ok-button-in-prompt-of-react-router%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
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.
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%2f53333024%2fcall-a-function-on-onclick-of-ok-button-in-prompt-of-react-router%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
Prompt only provides a way to show warning to the user. If the use click on OK, he agrees to leave the site with unsaved changes. However for custom changes, you can refer stackoverflow.com/questions/52437195/…
– Shubham Khatri
Nov 16 '18 at 7:19