Preserve input value states with history

[dmitry]

Normally (it depends on the caching strategy sending in headers from the server and few other circumstances), when you are changing location in your browser by pressing the link, sending a form or any other way, you can retrieve back all the values of your inputs once you click on the "back" button in your browser.

How do I preserve inputs with react-router when changing browser history from current page to previous?

[agundermann]

There's currently no way to make use of the browser's history state object (there are plans though).

I'd say the best you can do right now (without some serious effort) is to store the state (indexed by path) yourself in some variable, and persist it using sessionStorage if you want to. You can check state.action === 'pop' to avoid restoring state after clicking a link.

[dmitry]

Just to mension some related things I've found:

#843
#1200

[ryanflorence]

the new location.state feature in 1.0 would allow this

https://rackt.github.io/react-router/tags/v1.0.0-beta2.html#Router

Look at the transitionTo(pathname, query, state) method there.

(also, we'll be writing up a guide on the state feature)

[dmitry]

@ryanflorence how do I change the state for the back/forward browser events?