TanStack•2y ago•

2 replies

endless-jade

Recommended Path Segment

Lets say I have the following routes
-

hello

hello

hello/foo

hello/foo

hello/bar

hello/bar

hello/fee

hello/fee

In the

hello

hello

component I need to get the last path segment:

[undefined] | foo | bar | fee

[undefined] | foo | bar | fee

(undefined is for the first route). Is there a recommended way to do this ?
Is the following the recommended way?:

const pathname= useLocation({select: (location) => location.pathname})
const lastSegment = pathname.slice(pathname.lastIndexOf('/'))

const pathname= useLocation({select: (location) => location.pathname})
const lastSegment = pathname.slice(pathname.lastIndexOf('/'))

I was wondering if there was something like:

const matchRoute = useMatchRoute()
const params = matchRoute({to: 'hello/:lastsegment'})

const matchRoute = useMatchRoute()
const params = matchRoute({to: 'hello/:lastsegment'})

Note: I have a typescript tag on this post because matchRoute's

to

to

doesn't like

hello/$lastsegment

hello/$lastsegment

since a path parameter route doesnt exist (

hello/$lastSegment

hello/$lastSegment