I'm trying to create URL structure that looks like this:
/app?page=home
/app?page=posts
/app?page=post&post_id=123
(instead of /app/home
, /app/posts
, /app/post/123
...)
So I do:
<Router basename="/app">
<div>
<Link to="?page=home">Home</Link>
<Link to="?page=posts">Posts</Link>
<Link to="?page=posts&post_id=123">Post 123</Link>
<Route path="?page=home" component={Home} />
<Route path="?page=posts" component={Posts} />
<Route path="?page=post&post_id=:id" component={Post} />
</div>
</Router>
But it doesn't seem to work, I can navigate (URL changes), but Route components do not render