【React】关于react-router-dom v6

首先

本文是一个初学者在学习编程过程中遇到疑问并进行调查后所整理的备忘录。因此，文章内容可能包含错误，请理解。
如果您发现了错误，请麻烦您指出，将不胜感激。

关于 react-router-dom v6

v6的基本写作方式 (V6 de

// <BrowserRouter>で <Routes>,<Route>を囲む
<BrowserRouter>
    {/* <Routes>で<Route>を囲む */}
    <Routes>
        {/* path="Url" element={コンポーネント} */}
       <Route path="/" element={<Home />} />
       <Route path="teams" element={<Teams />}>
         <Route path=":teamId" element={<Team />} />
         <Route path="new" element={<NewTeamForm />} />
         <Route index element={<LeagueStandings />} />
       </Route>
    </Routes>
  </BrowserRouter>

// "/"へのリンクを作成
<Link to="/">ホームへ</Link>

// "/"へ遷移する処理を追加
<Navigate to="/" />;