Navigating history/time travel in react-redux using connected-react-router
I would greatly appreciate any assistance or examples in how to implement time travel on a single-page react-redux app using connected-react-router.
I just want to be able to program links to go back to step1 or step2 once I'm on step3 or step4 and have the correct state information for that step (not current state).
I get that I should store my data in the state on history/location. But I don't know how to program links to navigate back to step1 or step2.
Any examples for doing this would be helpful. Thanks so much!
react-redux connected-react-router
asked Nov 20 at 15:01
Holly J. Huber
61
add a comment |
I would greatly appreciate any assistance or examples in how to implement time travel on a single-page react-redux app using connected-react-router.
I just want to be able to program links to go back to step1 or step2 once I'm on step3 or step4 and have the correct state information for that step (not current state).
I get that I should store my data in the state on history/location. But I don't know how to program links to navigate back to step1 or step2.
Any examples for doing this would be helpful. Thanks so much!
react-redux connected-react-router
asked Nov 20 at 15:01
Holly J. Huber
61
Did you try the example from documentation? Did you have any issues with it? redux.js.org/advanced/usagewithreactrouter
– Adam
Nov 20 at 19:47
Thanks for your help! I did not see that particular documentation but now that I have reviewed it, it doesn't quite answer my question.
– Holly J. Huber
Nov 21 at 16:21
add a comment |
I would greatly appreciate any assistance or examples in how to implement time travel on a single-page react-redux app using connected-react-router.
I just want to be able to program links to go back to step1 or step2 once I'm on step3 or step4 and have the correct state information for that step (not current state).
I get that I should store my data in the state on history/location. But I don't know how to program links to navigate back to step1 or step2.
Any examples for doing this would be helpful. Thanks so much!
react-redux connected-react-router
asked Nov 20 at 15:01
Holly J. Huber
61
I would greatly appreciate any assistance or examples in how to implement time travel on a single-page react-redux app using connected-react-router.
I just want to be able to program links to go back to step1 or step2 once I'm on step3 or step4 and have the correct state information for that step (not current state).
I get that I should store my data in the state on history/location. But I don't know how to program links to navigate back to step1 or step2.
Any examples for doing this would be helpful. Thanks so much!
react-redux connected-react-router
react-redux connected-react-router
asked Nov 20 at 15:01
Holly J. Huber
61
asked Nov 20 at 15:01
Holly J. Huber
61
asked Nov 20 at 15:01
Holly J. Huber
61
asked Nov 20 at 15:01
Holly J. Huber
61
asked Nov 20 at 15:01
Holly J. Huber
61
61
Did you try the example from documentation? Did you have any issues with it? redux.js.org/advanced/usagewithreactrouter
– Adam
Nov 20 at 19:47
Thanks for your help! I did not see that particular documentation but now that I have reviewed it, it doesn't quite answer my question.
– Holly J. Huber
Nov 21 at 16:21
add a comment |
Did you try the example from documentation? Did you have any issues with it? redux.js.org/advanced/usagewithreactrouter
– Adam
Nov 20 at 19:47
Thanks for your help! I did not see that particular documentation but now that I have reviewed it, it doesn't quite answer my question.
– Holly J. Huber
Nov 21 at 16:21
Did you try the example from documentation? Did you have any issues with it? redux.js.org/advanced/usagewithreactrouter
– Adam
Nov 20 at 19:47
Did you try the example from documentation? Did you have any issues with it? redux.js.org/advanced/usagewithreactrouter
– Adam
Nov 20 at 19:47
Thanks for your help! I did not see that particular documentation but now that I have reviewed it, it doesn't quite answer my question.
– Holly J. Huber
Nov 21 at 16:21
Thanks for your help! I did not see that particular documentation but now that I have reviewed it, it doesn't quite answer my question.
– Holly J. Huber
Nov 21 at 16:21
add a comment |
1 Answer
1
active
oldest
votes
I think you will help it createMemoryHistory: history npm pakacge.
So you can get the previous value route.
Example:
const prevRoute = history.entries[history.index - 1].pathname;
answered Nov 25 at 0:20
vac9
92
add a comment |
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%2f53395808%2fnavigating-history-time-travel-in-react-redux-using-connected-react-router%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I think you will help it createMemoryHistory: history npm pakacge.
So you can get the previous value route.
Example:
const prevRoute = history.entries[history.index - 1].pathname;
answered Nov 25 at 0:20
vac9
92
add a comment |
I think you will help it createMemoryHistory: history npm pakacge.
So you can get the previous value route.
Example:
const prevRoute = history.entries[history.index - 1].pathname;
answered Nov 25 at 0:20
vac9
92
add a comment |
I think you will help it createMemoryHistory: history npm pakacge.
So you can get the previous value route.
Example:
const prevRoute = history.entries[history.index - 1].pathname;
answered Nov 25 at 0:20
vac9
92
I think you will help it createMemoryHistory: history npm pakacge.
So you can get the previous value route.
Example:
const prevRoute = history.entries[history.index - 1].pathname;
answered Nov 25 at 0:20
vac9
92
answered Nov 25 at 0:20
vac9
92
answered Nov 25 at 0:20
vac9
92
answered Nov 25 at 0:20
vac9
92
92
add a comment |
add a comment |
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%2f53395808%2fnavigating-history-time-travel-in-react-redux-using-connected-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
Did you try the example from documentation? Did you have any issues with it? redux.js.org/advanced/usagewithreactrouter
– Adam
Nov 20 at 19:47
Thanks for your help! I did not see that particular documentation but now that I have reviewed it, it doesn't quite answer my question.
– Holly J. Huber
Nov 21 at 16:21