就我现在所理解的，如果我们传递一个带有上下文的Outlet，上下文之后的props可以传递到child中，outlet充当一个模板，将这些props传递到路由器可能呈现的任何子节点。
我的问题是，如果我们只设置<Outlet />而不设置上下文呢？如果它不传递任何props，那么我们为什么特别想单独使用<Outlet />呢？
代码可能看起来像这样
index.js

root.render(
  <BrowserRouter>
    <Routes>
      <Route path="/" element={<App />}>
        <Route path="checkout" element={<Checkout />} />
      </Route>
    </Routes>
  </BrowserRouter>
);

App.js

function App() {
  return (
    <>
      <Reset />
      <GlobalStyle />
      <Header cartItems={cartItems} />
      <Outlet />
    </>
  )
}