渲染父路由中匹配的子路由,如果没有匹配的子路由,则不渲染任何内容。
import { Outlet } from "react-router";
export default function SomeParent() {
return (
<div>
<h1>Parent Content</h1>
<Outlet />
</div>
);
}
function Outlet(props: OutletProps): React.ReactElement | null
向下层 outlet 的元素树提供一个上下文值。当父路由需要向子路由提供值时使用。
<Outlet context={myContextValue} />
使用 useOutletContext
访问上下文。