插槽

框架
数据
声明式

概述

渲染匹配父路由的子路由，如果没有子路由匹配则渲染空内容。

import { Outlet } from "react-router";

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

属性

context

向 Outlet 下方的元素树提供 context 值。当父路由需要向子路由提供值时使用。

<Outlet context={myContextValue} />

使用 useOutletContext 访问 context。