How to properly link location.search and state?

Question

React

Let's say there is a search bar with a Find button, if I click it, I do history.push('/search?q=' + this.state.search)
And now how to track and process the transition Back to qs.parse(location.search). q went back to the state?
The main condition is that this.state.search must be in the query part of the url.

Answer 1

You can take a react-router, and set a new state for the component, when changing props, at the time of componentWillReceiveProps (getDerivedStateFromProps). Although here it is not necessary to write in the state as a whole, since you have a URL address string and there is a state. It is relevant, there is no need to duplicate.
If without react-router, then look in this tutorial for the paragraph " train Router to respond to address changes " (there is not react-router, but just a made Router component)
The "back" button works if you use browserHistory / hashHistory out of the box.