Outlet
本页内容

Outlet

摘要

参考文档 ↗

渲染父路由中匹配的子路由,如果没有匹配的子路由,则不渲染任何内容。

import { Outlet } from "react-router";

export default function SomeParent() {
  return (
    <div>
      <h1>Parent Content</h1>
      <Outlet />
    </div>
  );
}

签名

function Outlet(props: OutletProps): React.ReactElement | null

属性

context

向下层 outlet 的元素树提供一个上下文值。当父路由需要向子路由提供值时使用。

<Outlet context={myContextValue} />

使用 useOutletContext 访问上下文。

文档和示例 CC 4.0
编辑