#
resolveRouteSegments
Replace a route segments (paths starting with :
) with the provided values. For a value to be applied to a segment, the value key
must match the segment minus the :
.
#
Reference
const resolvedRoute = resolveRouteSegments("/page/:arg1", { arg1: "value-1" })
#
Parameters
to
: A route with segments.values
: An object literal of segment values.
#
Returns
The resolved route.
#
Usage
import { resolveRouteSegments, type NavigationLinkRenderProps } from "@squide/firefly";
function renderLinkItem({ label, linkProps: { to, ...linkProps } }: NavigationLinkRenderProps, index: number, level: number) {
return (
<li key={`${level}-${index}`}>
<Link to={resolveRouteSegments(to as string, { arg1: "value-1" })} {...linkProps}>
{label}
</Link>
</li>
);
}