mirror of
https://github.com/Dvorinka/Devour.git
synced 2026-06-04 12:33:04 +00:00
Tomas Dvorak
17 lines
2.0 KiB
JSON
17 lines
2.0 KiB
JSON
{
|
|
"id": "6a57d7d0644ea57e8f94eca7",
|
|
"source": "solid:signals",
|
|
"type": "github-document",
|
|
"title": "use-resolved-path",
|
|
"content": "---\ntitle: useResolvedPath\nuse_cases: \u003e-\n modular routing, nested routers, relative paths, dynamic base paths, component\n isolation\ntags:\n - path\n - modular\n - nested\n - routing\n - base\n - resolved\nversion: '1.0'\ndescription: \u003e-\n Resolve relative paths with useResolvedPath - build modular routers, handle\n nested routes, and create isolated routing components.\n---\n\n`useResolvedPath` retrieves a signal\\\u003cstring\\\u003e.\nIt contains the current resolved path as defined in the Route.\n\n```js\nconst path = useResolvedPath(() =\u003e '');\n\n// Parent Route path: /user/*\nconsole.log(path()); // /user\n\nconst path = useResolvedPath(() =\u003e 'a/b/c');\n\n// Parent Route path: /user/*\nconsole.log(path()); // /user/a/b/c\n\nconst path = useResolvedPath(() =\u003e '/a/b/c'); // Note: /\n\n// Parent Route path: /user/*\nconsole.log(path()); // a/b/c\n```\n\nUseful for making modular routers\n\n```js\nconst parentRoutePath = useResolvedPath(() =\u003e '');\n\nreturn \u003c\u003e\n \u003ch1\u003eModule component layer\u003c/h1\u003e\n \u003cRouter base={parentRoutePath()}\u003e // Modular magic\n \u003cRoute path=\"/\" component={() =\u003e \u003cdiv\u003eIndex\u003c/div\u003e}/\u003e\n \u003cRoute path=\"/a\" component={() =\u003e \u003cdiv\u003eAComponent\u003c/div\u003e}/\u003e\n \u003c/Router\u003e\n\u003c/\u003e\n```",
|
|
"url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/solid-router/reference/primitives/use-resolved-path.mdx",
|
|
"metadata": {
|
|
"path": "src/routes/solid-router/reference/primitives/use-resolved-path.mdx",
|
|
"repo": "solidjs/solid-docs",
|
|
"repo_url": "https://github.com/solidjs/solid-docs.git",
|
|
"size": 1200,
|
|
"source_type": "github"
|
|
},
|
|
"hash": "b20642b5088af0dc751947e62837440afb1cf7ae65781de934cc611c7bb5ff04",
|
|
"timestamp": "2026-02-23T11:43:00.193236516+01:00"
|
|
} |