solid-router nested routes - access child params from parent component

It seems like a parent component can't access the full set of params - it can't see params for child routes. Is that right?

I get the logic but I have a classic master/detail view, list on the left, with a selected item showing up on the right. In the list I need to be able to detect which item is active, which depends on the nested route param which is not available.

My routes:

<Route path='/:bookID' component={BookView}>
  <Route path='/' />
  <Route path='/blocks/:blockID' component={BlockEditor}/>
</Route>

<Route path='/:bookID' component={BookView}>
  <Route path='/' />
  <Route path='/blocks/:blockID' component={BlockEditor}/>
</Route>

It seems

params.blockID

params.blockID

is not available from BookView.

I've tried

<Route path='/:bookID'>
  <Route path='/' component={BookView} />
  <Route path='/blocks/:blockID' component={BookView}/>
</Route>

<Route path='/:bookID'>
  <Route path='/' component={BookView} />
  <Route path='/blocks/:blockID' component={BookView}/>
</Route>

and replacing

<Outlet>

<Outlet>

with a conditional call of

<BlockEditor/>

<BlockEditor/>

, but then I get a re-init of

BookView

BookView

, which I really want to avoid.

SolidJS•4y ago

Tom

solid-router nested routes - access child params from parent component

<Route path='/:bookID' component={BookView}>
  <Route path='/' />
  <Route path='/blocks/:blockID' component={BlockEditor}/>
</Route>

<Route path='/:bookID' component={BookView}>
  <Route path='/' />
  <Route path='/blocks/:blockID' component={BlockEditor}/>
</Route>

It seems

params.blockID

params.blockID

is not available from BookView.

I've tried

<Route path='/:bookID'>
  <Route path='/' component={BookView} />
  <Route path='/blocks/:blockID' component={BookView}/>
</Route>

<Route path='/:bookID'>
  <Route path='/' component={BookView} />
  <Route path='/blocks/:blockID' component={BookView}/>
</Route>

and replacing

<Outlet>

<Outlet>

with a conditional call of

<BlockEditor/>

<BlockEditor/>

, but then I get a re-init of

BookView

BookView

, which I really want to avoid.

solid-router nested routes - access child params from parent component

Similar Threads

solid-router nested routes - access child params from parent component

Similar Threads

Similar Threads

Similar Threads