SolidJSS
SolidJS•3y ago•
4 replies
Calhistorian

Problem duplicating a component navigating with dynamic routing

I am having difficulty causing a route component to be duplicated when navigating between a dynamic route in an Electron/SolidJS application using the SolidJS Router.

Example route def:
<Route path="/search" component={Search}>
  <Route path="/" />
  <Route path="/:id" component={SearchWorkspace} />
</Route>


My intention is to navigate between say /search/123456789 to /search/987654321 but am unable to get the components to re-render unless I visit another route first.

The Search component contains the <Outlet/> for the route.

The concept is basically that this application allows you to have multiple search instances open to work with different sets of data. Each instance is available as a tab in the Search component. By clicking between the tabs the lower layout is rendered according to the UID.

I saw in the Router docs that you can wrap some part with a <Show> component, but I was having difficulty understanding the example.

Any help would be greatly appreciated.
Was this page helpful?