Navigate
编辑此页面Solid Router 提供了一个 Navigate
组件,其工作方式类似于 <A>
,但它会在组件渲染后立即导航到提供的路径。
它同样使用 href
属性,但还提供了一个额外的选项,可以向 href
传递一个返回导航路径的函数:
function getPath({ navigate, location }) { // navigate 是调用 useNavigate() 的结果;location 是调用 useLocation() 的结果 // 你可以使用这些参数来动态确定要导航到的路径 return "/some-path";}
// 导航到 /redirect 将会重定向到 getPath 函数的返回结果<Route path="/redirect" component={() => <Navigate href={getPath} />} />;