Daniel Martin Bravo Alvarez Calderon

1import ReactDOM from 'react-dom/client';
2import { createBrowserRouter, RouterProvider } from 'react-router-dom';
3
4import Pagina404 from './components/404';
5import App from './components/App.jsx';
6import Cuadricula from './components/Cuadricula';
7import Saludo from './components/Saludo';
8import './main.css';
9
10
11const router = createBrowserRouter([
12  {
13    path: "/",
14    element: <App />,
15    errorElement: <Pagina404 />,
16    children: [
17      {
18        index: true,
19        element: <Cuadricula />,
20      },
21      {
22        path: "/saludo",
23        element: <Saludo />,
24      },
25    ],
26  },
27]);
28
29
30
31ReactDOM.createRoot(document.getElementById('root')).render(
32
33  <React.StrictMode>
34    <RouterProvider router={router} />
35  </React.StrictMode>
36
37
38)

import React from 'react'; import ReactDOM from 'react-dom/client'; import { createBrowserRouter, RouterProvider } from 'react-router-dom'; import Pagina404 from './404.jsx'; import App from './App.jsx'; import Saludo from './Saludo.jsx'; import './main.css';

const router = createBrowserRouter([ { path: "/", element: <App />, }, { path: "/saludo", element: <Saludo />, }, { path: "*", element: <Pagina404 />, }, ]);

ReactDOM.createRoot(document.getElementById('root')).render( <React.StrictMode> <RouterProvider router={router} /> </React.StrictMode>

)