Is there a way to preserve the query string when moving among tabs?

Ionic Framework Ionic React
1

I have an app structured like this:

  • Tab Vegetables
  • Tab Fruits
  • Tab Desserts

Say the user is on the vegetables tab at /vegetables. The user clicks a button that goes to the vegetable search page at /vegetables/search. Then the user clicks a button that sets a value for the query string: /vegetables/search?&type=carrot. Next the user clicks the fruits tab, navigating to /fruits. Then the user immediately clicks the vegetables tab again. The URL is now /vegetables/search, but the query string value of ?&type=carrot has been lost.

Does the Ionic react router provide a way to preserve the query string when moving back-and-forth between tabs?

2

us a state manager to track the last query string for each of the tabs, or save it on the tab page since the pages stay in memory

1 Like