# All files / src/chap08 routesLink.js

0% Statements 0/1
100% Branches 0/0
100% Functions 0/0
0% Lines 0/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128

     import { Route, createBrowserRouter, createRoutesFromElements } from 'react-router-dom';
    import RouterApp from './RouterApp';
    import TopPage from './TopPage';
    import ArticlePage from './ArticlePage';
    import AboutPage from './AboutPage';

    const routesLink = createBrowserRouter(
      createRoutesFromElements(
        // 상위 경로 추가
        <Route path="/" element={<RouterApp />}>
          {/* <Route path="" element={<TopPage />} /> */}
          <Route index element={<TopPage />} />
          <Route path="article" element={<ArticlePage />} />
          <Route path="about" element={<AboutPage />} />
        </Route>
      )
    );

    export default routesLink;

    // import { Route, createBrowserRouter, createRoutesFromElements } from 'react-router-dom';
    // import RouterApp from './RouterApp';
    // import TopPage from './TopPage';
    // import ArticlePage from './ArticlePage';
    // import AboutPage from './AboutPage';

    // const routesLink = createBrowserRouter([
    //   { path: '/', element: <RouterApp />,
    //     children: [
    //       { path: '', element: <TopPage /> },
    //       { path: 'article', element: <ArticlePage /> },
    //       { path: 'about', element: <AboutPage /> },
    //     ]
    //   }
    // ]);

    // export default routesLink;

    // import { Route, createBrowserRouter, createRoutesFromElements } from 'react-router-dom';
    // import RouterApp from './RouterApp';
    // import TopPage from './TopPage';
    // import ArticlePage from './ArticlePage';
    // import AboutPage from './AboutPage';

    // const routesLink = createBrowserRouter(
    //   createRoutesFromElements(
    //     <Route element={<RouterApp />}>
    //       <Route path="/" element={<TopPage />} />
    //       <Route path="/article" element={<ArticlePage />} />
    //       <Route path="/about" element={<AboutPage />} />
    //     </Route>
    //   )
    // );

    // export default routesLink;

    // Code 8-2-7
    // import { Route, createBrowserRouter, createRoutesFromElements } from 'react-router-dom';
    // import RouterApp from './RouterApp';
    // import RouterNav from './RouterNav';
    // import TopPage from './TopPage';
    // import ArticlePage from './ArticlePage';
    // import AboutPage from './AboutPage';

    // const routesLink = createBrowserRouter(
    //   createRoutesFromElements(
    //     <Route element={<RouterNav />}>
    //       <Route path="/" element={<TopPage />} />
    //       <Route path="/article" element={<ArticlePage />} />
    //       <Route path="/about" element={<AboutPage />} />
    //     </Route>
    //   )
    // );

    // export default routesLink;

    // 8-2-10
    // import { Route, createBrowserRouter, createRoutesFromElements } from 'react-router-dom';
    // import RouterApp from './RouterApp';
    // import RouterNav from './RouterNav';
    // import TopPage from './TopPage';
    // import ArticlePage from './ArticlePage';
    // import AboutPage from './AboutPage';

    // const routesLink = createBrowserRouter(
    //   createRoutesFromElements(
    //     <Route element={<RouterApp />}>
    //       <Route path="/" element={<TopPage />} />
    //       <Route path="/article" element={<ArticlePage />} />
    //       <Route path="/about" element={<AboutPage />} />
    //     </Route>
    //   )
    // );

    // export default routesLink;

    // 8-2-12
    // import { Route, createBrowserRouter, createRoutesFromElements } from 'react-router-dom';
    // import RouterApp from './RouterApp';
    // import RouterNav from './RouterNav';
    // import TopPage from './TopPage';
    // import ArticlePage from './ArticlePage';
    // import AboutPage from './AboutPage';
    // import InfoPage from './InfoPage';

    // const routesLink = createBrowserRouter(
    //   createRoutesFromElements(
    //     <Route element={<RouterApp />}>
    //       <Route path="/" element={<TopPage />} />
    //       <Route path="/article" element={<ArticlePage />} />
    //       <Route path="/article/info" element={<InfoPage />} />
    //       <Route path="/about" element={<AboutPage />} />
    //     </Route>
    //   )
    // );

    // export default routesLink;