我正在尝试从子组件URL更新父组件标题。但子组件被加载为导航
这是我的沙盒
https://codesandbox.io/s/react-typescript-forked-z1ijxi
这是我的布局.tsx

import { createContext, useContext, useState } from "react";
import { Outlet, Link } from "react-router-dom";

const Layout = () => {
  const title = "";

  return (
    <>
      <h2>{title}</h2>
      <nav>
        <ul>
          <li>
            <Link to="/">Home</Link>
          </li>
          <li>
            <Link to="/blogs">Blogs</Link>
          </li>
          <li>
            <Link to="/contact">Contact</Link>
          </li>
        </ul>
      </nav>

      <Outlet />
    </>
  );
};

export default Layout;

在这里，我需要在加载每个子组件时更改{title
我试着按照这个答案去做。但是我没能做到。对不起，在React中非常新